当前位置: 首页 > Web前端 > JavaScript

给大家安利一个我开发的VSCode多语言插件

时间:2023-03-27 17:28:00 JavaScript

---这个插件的主要用户是谁?多语言场景前端开发者(项目支持中、英、日、韩等语言)。---我的项目没有多语言场景,为什么要安装你的插件?能不能体验一下,再看看源码,插件包含的知识点还是挺有意思的。---包括哪些知识点?1.完整的VSCode插件开发流程2.tsc编译ts文件3.VSCode文件热更新监控4.利用缓存增量编译文件Github地址:https://github.com/FrankKai/i...欢迎提交公关,提出问题!!!i18n-chain反向选择路径链多语言vscode插件。通过分析本地项目的多语言文件(js、ts、json),生成snippet.json,帮助开发者实现多语言快速复用,提高开发效率。Demohttps://imgur.com/tO0oXjk.gifi18n-json的两种方式:适用于locales文件类型为json的项目。i18n-ts:适用于locales文件类型为ts文件的项目。安装使用插件市场搜索i18n-chain,安装配置多语言文件目录Preferences->Settings->User->Extensions->i18n-chain(比如配置LocalePath,默认路径是/src/locales/zh)Command+Shift+P=>i18n-json(LocalePath目录下的内容是json文件)或者Command+Shift+P=>i18n-ts(LocalePath目录下的内容是一个ts文件)输入i18n-并选择你想要的链。例如:{"foo":"Gotit","foo.bar":"Gotit","foo.bar.baz":"Gotit",}i18n-Gotit=>1.foo2.foo。bar3.foo.bar.baz=>foo.bar.bazSchematicFAQ生成失败运行命令后可以查看.vscode目录下是否有i18n-chain.code-snippets的内容。如果不一致,请检查LocalePath中配置的目录格式是否与执行的命令一致。开发说明开发调试vscodeExecuteExtension找一个扩展开发宿主项目测试插件代码更新,需要yarncompile编译点击右上角刷新按钮,让扩展开发宿主中的插件保持正常运行目前只编译yarntest-compile生成本地vsix包yarnbuild欢迎大家提交PR和issues!!!