---这款插件次要用户是谁?有多语言场景(我的项目反对中文、英文、日文、韩文等多种语言)的前端开发者。---我的我的项目没有多语言场景,装置你这个插件干嘛?能够体验一下嘛,而后看看源码,插件蕴含的知识点还乏味的。---蕴含哪些知识点呢?1.残缺的VSCode插件开发流程 2.tsc编译ts文件 3.VSCode文件热更新监测 4.利用缓存增量编译文件 

Github地址:https://github.com/FrankKai/i...

欢送各位提PR,提issue!!!

i18n-chain

反向抉择门路链多语言vscode插件。

通过剖析本地我的项目的多语言文件(js、ts、json),生成snippet.json,帮忙开发者实现多语言疾速复用,晋升开发效率。

演示图

两种形式

  • i18n-json: 实用于locales文件类型为json的我的项目。
  • i18n-ts: 实用于locales文件类型为ts file的我的项目。

装置及应用

  1. 插件市场搜寻i18n-chain,装置即可
  2. 配置多语言文件目录 Preferences->Settings->User->Extensions->i18n-chain(例如,配置Locale Path,默认门路为/src/locales/zh)
  3. Command+Shift+P => i18n-json(Locale Path目录中的内容为json文件) 或者 Command+Shift+P => i18n-ts(Locale Path目录中的内容为ts文件)
  4. 键入i18n-后抉择须要的链即可。

例如:

{  "foo": "晓得了",  "foo.bar": "晓得了",  "foo.bar.baz": "晓得了",}
i18n-晓得了

=>

1.foo2.foo.bar3.foo.bar.baz

=>

foo.bar.baz

原理图

FAQ

生成失败

运行命令后,能够查看.vscode目录下的i18n-chain.code-snippets是否有内容。
没有的话,查看Locale Path配置的目录格局,是否与执行的命令统一。

开发阐明

开发调试

  • vscode执行Extension
  • 找一个扩大开发宿主我的项目测试
  • 插件代码有更新时,须要yarn compile编译并且点击右上角刷新按钮,放弃扩大开发宿主内的插件为最新态

仅编译

yarn test-compile

生成本地vsix包

yarn build

欢送各位提PR,提issue!!!