多语言插件i18n Ally的使用

先展示一下效果

1.第一步首先在vscode下载插件

2.第二步在 setting.json 里面配置

要区分文件是js,ts或json结尾

以zh.ts和en.ts结尾的用这个

复制代码
 {
"i18n-ally.localesPaths": ["src/locales"],
  "i18n-ally.keystyle": "nested",
  "i18n-ally.sortKeys": true,
  "i18n-ally.namespace": true,
  "i18n-ally.enabledParsers": ["ts"],
  "i18n-ally.sourceLanguage": "en",
  "i18n-ally.displayLanguage": "zh-CN",
  "i18n-ally.enabledFrameworks": ["vue", "react"],
  "god.tsconfig": "./tsconfig.json",
  "vue-i18n.i18nPaths": "src/locales"
}

以zh.json和en.json的用这个

复制代码
{
  "i18n-ally.localesPaths": ["src/lang"],
  "i18n-ally.keystyle": "nested",
  "i18n-ally.sortKeys": true,
  "i18n-ally.namespace": true,
  "i18n-ally.enabledParsers": ["json"],
  "i18n-ally.sourceLanguage": "zh-cn",
  "i18n-ally.displayLanguage": "zh-CN",
  "i18n-ally.enabledFrameworks": ["vue", "react"],
  "god.tsconfig": "./tsconfig.json",
  "vue-i18n.i18nPaths": "src/lang"
}
相关推荐
多啦C梦a3 分钟前
🪄 这么优雅?`useContext` + 自定义 Hooks:优雅管理全局状态,从主题切换说起
前端·javascript·react.js
患得患失94914 分钟前
【前端】【Echarts】ECharts 词云图(WordCloud)教学详解
前端·javascript·echarts
三年三月18 分钟前
021-顶点法线与反射原理
javascript·three.js
一块plus42 分钟前
一门原本只是“试试水”的课程,没想到炸出了一群真诚的开发者
javascript·面试·github
yvvvy1 小时前
🚀React + Vite 实战:打造智能单词学习应用
javascript
单休好_好就好在比双休少一天1 小时前
Vite打包从12.17M -> 7.95M,速度提升≈51.85%
前端·javascript
yinke小琪1 小时前
JavaScript DOM内容操作常用方法和XSS注入攻击
前端·javascript
然我1 小时前
闭包在类封装中的神技:实现真正安全的私有属性,面试必懂的封装技巧
前端·javascript·面试
用户名1231 小时前
Vue 页面快速跳转并打开源代码文件
javascript
爱编程的喵1 小时前
深入理解JavaScript节流函数:从原理到实战应用
前端·javascript·html