Vs Code使用国际化多语言插件-i18n AllyVue i18n-插件使用
i18n Ally&Vue i18n
用户使用vscode 打开代码时
安装插件后可能会自动在工作区生成这行配置
{"vue-i18n.i18nPaths": "src\\common\\lang", 注：多语言路径"i18n-ally.localesPaths": ["src/common/lang"]
}Vue 2.x 配置
安装
npm install vue-i18n --save-dev添加配置 setting.json
.vscode ->
setting.json
{"vue-i18n.i18nPaths": "src\\common\\lang", 注：多语言路径"i18n-ally.localesPaths": ["src/common/lang"], // 翻译文件路径"i18n-ally.keystyle": "nested", // 翻译路径格式,"i18n-ally.namespace": true,"i18n-ally.enabledParsers": ["json","js"],"i18n-ally.sortKeys": true,"i18n-ally.sourceLanguage": "zh-CN", // 翻译源语言 是你翻译文件的名字"i18n-ally.displayLanguage": "zh-CN", //显示语言， 这里也可以设置显示英文为en
}配置i18n.js
import Vue from 'vue'
import VueI18n from 'vue-i18n'
import enLocale from './locales/en'
import usLocal from './locales/zh-CN'
Vue.use(VueI18n)
const messages = {en: {...enLocale},cn: {...usLocal}
}
const i18n = new VueI18n({locale: localStorage.getItem('lang') || 'cn',messages
})export default i18n;main.js使用
...
import i18n from './i18n'
new Vue({el: '#app',router,i18n,render: h => h(App)
})侧边工具栏栏进行自动翻译和应用翻译
Vue 3.x 配置
安装
npm install vue-i18n@next 配置 setting.json
和2.x一样
配置i18n.js
import { createI18n } from 'vue-i18n'
import enLocale from './locales/en'
import usLocal from './locales/zh-CN'
const messages = {en: {...enLocale},cn: {...usLocal}
}
const i18n = new createI18n({locale: localStorage.getItem('lang') || 'cn',globalInjection: true,messages
})export default i18n
main.js使用
import i18n from './i18n'
new Vue({el: '#app',router,i18n,render: h => h(App)
})Vs Code使用国际化多语言插件-i18n AllyVue i18n-插件使用相关推荐
- ☘gMIS吉密斯i18n国际化多语言更新
gMIS吉密斯部署和使用范围日益扩大,跨国多语言版本成为迫切需要的功能,早在2018年年中就考虑要增加这一功能--在gMIS吉密斯中实现多语言版本的支持.以期实现gMIS吉密斯的跨行业.跨地区和国际化 ...
- SpringBoot系列之i18n国际化多语言支持教程
SpringBoot系列之i18n国际化多语言支持教程 文章目录 1.环境搭建 2.resource bundle资源配置 3.LocaleResolver类 4.I18n配置类 5.Thymelea ...
- 浏览器扩展开发 - i18n 国际化多语言配置
原文地址:https://waynegong.cn/posts/954.html Chrome 浏览器扩展进行 i18n 国际化多语言适配需要进行三处修改: 在特定目录按照特定格式编写多语言配置的 m ...
- php国际化多语言,php 通过include方式实现国际化多语言(i18n)
php 通过include方式实现国际化多语言(i18n) include实现国际化 将index.php进行翻译: Index内容 1. Index 2. About ...
- Vue项目国际化多语言
1.安装国际化的包 npm i vue-i18n@8.22.2 2.多语言配置 这里拿element-ui 的语言包举例 1.导入文件与插件包并全局注册 2.创建i18n实例并配置 // 进行多语言支 ...
- oracle安装 插件的执行方法失败_解决 VS Code 中 golang.org 被墙导致的 Go 插件安装失败问题...
Google 在今年一月发布了 golang.org 的镜像站 golang.google.cn,中国大陆可直接访问.详情参见 Hello, 中国! | The Go Blog 欢迎点击查看我的博客原 ...
- springBoot国际化多语言开发配置，中文OR英文支持一键切换
springBoot有许多的自动化配置,其中就包括多语言的autoConfiguration,打开org.springframework.boot.autoconfigure.context.Mess ...
- # 前后端国际化多语言配置
前后端国际化多语言配置 前端(Vue ElementUI) 项目前端使用Vue+Elementui 编写 i18n.js 在这个js 中引入ElementUI的多语言资源,引入本地的多语言资源 // ...
- 在vs code中运行C语言
本篇博客记录了在vs code下运行c语言的操作过程 目录 一.环境搭建 vscode安装 安装编译器(MinGW-W64 GCC) 二.添加相关插件 三.运行C语言例程 一.环境搭建 vscode安 ...
最新文章
- c++中explict关键字
- 编程之美2.13 子数组的最大乘积
- 实战：如何对磁盘和网络IO进行评估、监控、定位和优化？
- 保险条款精解（四）索赔——不可不看，因为您以前可能没听说过
- pytorch常见错误（持续更新）
- 基于Linux平台Softimage XSI 演示
- Hive表中加载数据的5中方式
- # ALPHACAM 橱柜门玻璃门反面加工插件
- 学会QT从这里开始——教你快速学会QT
- 武汉理工大学计算机学院宿舍,武汉理工大学专业所属校区及新生住宿分布情况（v2.0）...
- shopex mysql 数据库服务器_shopex数据库优化实例
- java6发布_Minecraft Java版 1.13-pre6 发布
- SVG (SVG的概念 、SVG 实例 、SVG 在HTML中 、SVG 矩形 、SVG 圆形 、SVG 椭圆 、SVG 直线 、SVG 多边形、svg验证码 )
- 用 .NET 3.5 创建 ToJSON() 扩展方法 (木野狐译）
- 个人工作邮箱怎么申请？工作邮箱有哪些？
- 【PaperReading】Prevalence and patterns of higher-order drug interactions in Escherichia coli
- DNS 的A name和C name的区别
- 字符串反转(把一个字符串按相反的顺序输出）的三种简单方法
- 网络通信协议-TCP协议
- linux公司面试和工作中常用命令收藏版