乐趣区

关于javascript:给大家安利一款我开发的VSCode多语言插件

jiezi 
--- 这款插件次要用户是谁？有多语言场景 (我的项目反对中文、英文、日文、韩文等多种语言) 的前端开发者。--- 我的我的项目没有多语言场景，装置你这个插件干嘛？能够体验一下嘛，而后看看源码，插件蕴含的知识点还乏味的。--- 蕴含哪些知识点呢？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.foo

2.foo.bar

3.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！！！

退出移动版