精华内容
下载资源
问答
  • react-i18n 该模块与 gem集成在一起,并作为的包装器构建。 基本设定 安装模块 $ npm install --save i18n-js react-i18n 设置i18n-js 在Gemfile中 gem 'i18n-js' 您认为* .haml :javascript I18n.default...
  • i18n

    2020-04-10 16:57:10
    longSet.vue (当前使用的是组件) 重要代码 this.$i18n.locale = ‘CNS’; <el-select v-model=“lang” placeholder=“请选择” size=“mini” @change = ‘switchLang’> <el-option v-for=...

    需要引入 vue-i18n

    npm i element-ui -S

    npm install vue-i18n

    index.html

    创建目录 用于放多语言文件   重要部分 index.js 、 i18n.js

    语言文件  CNS.js (中文)  ENS.JS(英文)     FNS.js(繁体)

    CNS.JS (中文)    设置element ui 中文 引入 import zhLocalefrom ‘element-ui/lib/locale/lang/zh-CN’   …zhLocale

    import zhLocalefrom ‘element-ui/lib/locale/lang/zh-CN’

    // 用于存放 语言字段

    const CNS = {

    …zhLocale ,

    // 登录页面

    Login:{

    ‘title’:‘后台管理系统’, // 后台管理系统

    }

    ENS.js (英文)

    import enLocalefrom ‘element-ui/lib/locale/lang/en’

    const ENS = {

    …enLocale,

    Login:{

    ‘title’:‘Backstage Management’, // 后台管理系统 System

    }

    index.js

    import ENS from ‘./ENS’;

    import CNS from ‘./CNS’;

    export default {

    ENS: ENS,

    CNS: CNS,

    }

    i18n.js

    import Vuefrom ‘vue’

    import localefrom ‘element-ui/lib/locale’;

    import VueI18n from ‘vue-i18n’

    import messages from ‘./langs’

    Vue.use(VueI18n);

    const i18n = new VueI18n({

    locale: localStorage.lang || ‘CNS’, // 设置语言  //从localStorage中拿到用户的语言选择,如果没有,那默认中文。

    messages,

    });

    locale.i18n((key, value) => i18n.t(key, value)); //为了实现element插件的多语言切换

    export default i18n

    main.js

    import Vuefrom ‘vue’

    import Appfrom ‘./App’

    // 路由

    import routerfrom ‘./router’

    // 引入下载颜色主题

    import storefrom ‘@/store/index’

    // 多语言切换

    import i18n from ‘./i18n/i18n’;

    // 引入elementUI

    import Elementfrom ‘element-ui’

    Vue.use(Element);

    // import {locale} from “element-ui/lib/locale/lang/en”;  // 多语言设置

    // Vue.use(ElementUI,{locale}); // 设置组件中的语言为英文  如果只使用一种可通过这种方式

    // axios api

    import Apifrom ‘./api/axios’;

    Vue.prototype.$api = Api;

    // echarts

    import echartsfrom ‘echarts’;

    Vue.prototype.$echarts = echarts;

    // 必须 创建项目后就已存在

    Vue.config.productionTip= false;

    new Vue({

    el: ‘#app’,

    router,

    store,

    i18n,

    components: { App},

    template: ‘’

    });

    作者:丶温瞳
    链接:https://www.jianshu.com/p/66fbe08ebac4
    来源:简书
    著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。longSet.vue (当前使用的是组件) 重要代码 this.$i18n.locale = ‘CNS’;

    <el-select v-model=“lang” placeholder=“请选择” size=“mini” @change = ‘switchLang’>

    <el-option v-for="iteminlangArr" :key="item.value" :label="item.label"  :value="item.value">
    
    </el-option>
    

    页面引入 demo.vue

    methods: {

    // 根据选择的语言 进行控制左侧菜单

    showMsgFromChild:function(data){

    this.initMenuWay(data);
    

    },

    // 左侧菜单使用赋值

    initMenuWay(lang){

    if(lang === ‘CNS’){

    this.menuList =  menudataFN.result; // menu json数据获取
    

    }else if(lang === ‘ENS’){

    this.menuList =  menudataEN.result; // menu json数据获取
    

    }else{

    this.menuList =  menuDataCN.result; // menu json数据获取
    

    }

    },

    }

    展开全文
  • I18N

    2015-10-30 15:49:18
    特别简单的 I18N 什么叫I18N呢 就是 国际标准化 将你的文字,图片,sb 转化成不同的语言

    — nsstring 转化

    1.创建Localizalble 的文件 点击info 选择 Localizations 添加 语言 (添加语言时选择mainSB)
    2.工程左侧会多一个 Localizable 的文件 选择
    3.放上你要转变的文字 就是这么easy

    二 uiimage
    图片放在对应语言对应文件下,起相同的名字
    添加 图片时,导入两遍,就可以了。

    三 SB

    sb会有不同模式, 不同语言用不同的sb就好了。

    展开全文
  • i18n-with-Angular-JS 一个使用jlg-i18n为Angular JS实现i18n的简单项目
  • Rubocop :: I18n 一组用于检测项目中需要i18​​n装饰的字符串的警察。 支持以下框架样式: 文字 导轨-i18n 安装 将此行添加到您的应用程序的Gemfile中: gem 'rubocop-i18n' 然后执行: $ bundle 或将其自己...
  • @ M6Web / i18n-tools 适用于i18n功能的M6Web工具。 eslint-plugin-i18n 该插件用于添加React-i18n代码。 i18n-lint 这个包用于处理React-i18n所使用的翻译文件。 react-i18n 这个库用于处理React应用程序中的...
  • swig-i18n ========= 当需要一个特定于语言环境的翻译集时,swig i18n模块非常有用。 该模块同时支持标签和过滤器。 为了设置标签或过滤器,应在其应用程序内进行以下设置: var swig_i18n = require ( 'swig-...
  • i18n-yummy i18n标签功能 。 警告当前功能与后一项不同。 现在结构。 您可以使用此模块将i18n引入项目中。 CommonJS版本可作为package.json主条目使用 ECMAScript 2015版本可用作package.json模块条目 浏览器...
  • i18n Introduction Directory Structure Constraints Usage Repositories Involved Introduction The i18n module provides a wide array of internationalization (i18n) APIs for implementing functions ...
  • i18n i18n 多端国际化管理方案
  • i18n 适用于vue的最简单的I18n插件。 安装 npm install biu - i18n -- save import i18n from 'biu-i18n' // Ready translated locale messages const message = { 'cn-ZH' : { first : 'first' , second : '...
  • vue-i18n Internationalization plugin for Vue.js Gold Sponsors Silver Sponsors Bronze Sponsors ⚠ NOTICE This repository is for Vue ...
  • Lad的i18n包装器和Koa中间件 目录 安装 : npm install @ladjs/i18n : yarn add @ladjs/i18n 用法 const I18N = require ( '@ladjs/i18n' ) ; const phrases = { 'HELLO' : 'Hello there!' } ; const i18n = ...
  • vue-i18n-extract vue-i18n-extract用于与使用vue-i18n的Vue.js项目一起使用。 运行vue-18n-extract时,将分析您的Vue.js源代码。vue-i18n-extract vue-i18n-extract是为与使用vue-i18n的Vue.js项目一起使用而构建的...
  • reactxp-i18n 该模块在库中为i18n提供跨平台支持。 该模块使用和 安装 yarn add reactxp-i18n或npm install reactxp-i18n 例子 基本用法 import { default as RXI18n } from 'reactxp-i18n'; const translations =...
  • 节点-i18n i18n用于带有expressJS的节点 键=>值样式 深层文件结构 查看助手 开始 var i18n_options = {} var i18n = require('node-i18n')(i18n_options) app.use(i18n.middleware) //call before app.use(app....
  • i18n元素 I18N基本元素,用于和具有作为I18N引擎 i18n-element透明地将I18N层插入HTML模板中的UI定义中 i18n-element带有功能齐全的自动化 基于lit-html可扩展和可组合HTML模板文字 import { html , i18n , bind } ...
  • Rails语言环境数据存储库 Ruby on Rails的语言环境数据收集的集中化。 宝石安装 将gem包含到您的Gemfile中: gem 'rails-i18n' , '~> 6.0.0' # ...gem 'rails-i18n' , github : 'svenfuchs/rails-i18n' , branch : '
  • i18n-t 易于使用的i18n实用程序。 它不包含明确的特定中间件等。 var I18n = require ( 'i18n-t' ) ; var i18n = new I18n ( { defaultLocale : 'en' } ) ; // Load locales from a directory i18n . load ( './...
  • i18n用于您的Nuxt项目 链接 :blue_book: :bookmark: :busts_in_silhouette: 产品特点 与集成 自动生成路线和自定义路径 搜索引擎优化 延迟加载翻译消息 基于自动检测语言的重定向 不同语言的不同域名 使用存储...
  • <div><ul><li>Optimize i18n key: If there is no translation, then fall back i18n key display ❤️.</li><li>Add some zh-CN i18n: Many Chinese users like to use Uniswap, but unfortunately there is no ...
  • vue-i18n-demo 一个Vue.js项目 构建设置 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # build for ...
  • rails-i18n, 用于收集 Ruby on Rails i18n 环境数据以及其他有趣的Rails 相关 i18n 内容的存储库 Rails 语言环境数据存储库 中心收集区域设置数据,以便在 ruby 上使用。 gem-安装添加到你的Gemfile:gem 'rails-i18n...
  • i18n-pick 提取jsx项目中的中文文案 具体使用参照掘金文章 安装 cnpm i i18n-pick 扫描 ./node_modules/i18n-pick/bin/i18n-pick.js scan [path] 提取 ./node_modules/i18n-pick/bin/i18n-pick.js pick 导出 ./node_...
  • i18n-plugin 易于添加i18n文案的插件。
  • $ gem install i18n_linter 如果要使用bundler安装,请将其添加到development组下的Gemfile : gem 'i18n_linter' , require : false 用法 只需在Ruby on Rails项目的文件夹中输入i18n_linter ,然后观察可以国际...
  • i18n i18n文件生成器 用法 见
  • I18n ::后端:: ActiveRecord 该存储库包含I18n ActiveRecord后端和从提取的支持代码。 它与Rails 3、4、5和6完全兼容。 安装 对于Bundler,请将以下内容放入您的Gemfile中: gem 'i18n-active_record', :require =...
  • Ruby国际化和本地化(i18n)解决方案。 目前由@radar维护。 用法 滑轨 您将最常在Rails应用程序中使用此库。 用法的示例, 。 Ruby(无Rails) 如果要在没有Rails的情况下使用此库,则只需将i18n添加到Gemfile ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 29,056
精华内容 11,622
关键字:

i18n