共计 990 个字符,预计需要花费 3 分钟才能阅读完成。
--- 这款插件次要用户是谁?有多语言场景 (我的项目反对中文、英文、日文、韩文等多种语言) 的前端开发者。--- 我的我的项目没有多语言场景,装置你这个插件干嘛?能够体验一下嘛,而后看看源码,插件蕴含的知识点还乏味的。--- 蕴含哪些知识点呢?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 的我的项目。
装置及应用
- 插件市场搜寻 i18n-chain,装置即可
- 配置多语言文件目录 Preferences->Settings->User->Extensions->i18n-chain(例如,配置 Locale Path,默认门路为 /src/locales/zh)
- Command+Shift+P => i18n-json(Locale Path 目录中的内容为 json 文件) 或者 Command+Shift+P => i18n-ts(Locale Path 目录中的内容为 ts 文件)
- 键入 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!!!
正文完
发表至: javascript
2022-06-23