给大家安利一款我开发的VSCode多语言插件
---这款插件主要用户是谁?有多语言场景(项目支持中文、英文、日文、韩文等多种语言)的前端开发者。
---我的项目没有多语言场景,安装你这个插件干嘛?可以体验一下嘛,然后看看源码,插件包含的知识点还有趣的。
---包含哪些知识点呢?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.foo2.foo.bar3.foo.bar.baz
=>
foo.bar.baz
原理图
文章图片
FAQ 生成失败
【给大家安利一款我开发的VSCode多语言插件】运行命令后,可以查看.vscode目录下的i18n-chain.code-snippets是否有内容。
没有的话,检查Locale Path配置的目录格式,是否与执行的命令一致。
开发说明 开发调试
- vscode执行Extension
- 找一个扩展开发宿主项目测试
- 插件代码有更新时,需要
yarn compile
编译并且点击右上角刷新按钮,保持扩展开发宿主内的插件为最新态
yarn test-compile
生成本地vsix包
yarn build
欢迎各位提PR,提issue!!!
推荐阅读
- JAVA JDK9新特性 List接口,Set接口,Map接口:静态的方法of,可以给集合一次性添加多个元素
- 算法求一个数字在给定的已排序数组中出现的起始终止索引号
- 投稿|毕业两年,我给自己找了五份“非正式”工作
- 电影|能否给暑期档一个百亿?
- 力扣算法
- "教练,我想打篮球!" 给做系统的同学们准备的 AI 学习系列小册
- Go 为什么不支持前缀自增运算符()
- 投稿|越来越贵的新能源汽车卖给谁?
- 投稿|新能源赐给燃油车一百零八种“死法”
- JDBC、ORM、JPA、Spring|JDBC、ORM、JPA、Spring Data JPA,傻傻分不清楚(一文带你厘清个中曲直,给你个选择SpringDataJPA的理由!)