又一个 VSCode 扩展 —— Vue 国际化开发助手

前阵子超级忙，因为公司要把所有的系统添加国际化。对于前端来说，这就是天塌级别的噩梦。

为了有更多时间摸鱼提高开发效率，撸了一个可以协助快速添加 Vue 项目国际化的扩展。以前哼哧哼哧整半天添加多语言，现在只要 30 分钟！可以愉快的🐟了。

扩展安装地址：

https://marketplace.visualstudio.com/items?itemName=hancel.front-i18n

GitHub 仓库：

https://github.com/imlinhanchao/vsc-vue-i18n

只要点击一下，就可以把代码里的中文，包含标签的中文和属性中文，统统提取出来。

然后可以使用用百度翻译自动生成 Key。

图 2

再导出多语言定义文件，同时会把 $t 函数插入到你的代码中去。这样就可以完成一个国际化页面的开发了！

图 7

这个扩展特别适合本来没有做国际化，突然需要对大量页面进行国际化的需求。

大家可以试用看看，有任何问题可以评论哦~doge

 
深圳 位置
6 点赞
0 关注
0 收藏
作者勋章


9 感谢 


18 回帖 
1.3K