i18n带来的便捷，能在vsCode中直接显示中文翻译

已于 2023-10-24 11:36:28 修改
阅读量2.6k 收藏 4
点赞数 1
文章标签： vscode 1024程序员节
于 2021-09-29 13:41:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_53509819/article/details/120546861
版权
本文介绍了如何在Vue3项目中利用i18n插件提升国际化体验，通过设置`i18n-ally`配置，如`enabledParsers`、`localesPaths`、`sourceLanguage`和`displayLanguage`，实现代码自动解析和增强VSCode阅读体验。同时，分享了安装插件后的效果对比，帮助开发者更高效地管理和维护多语言项目。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在项目中引用（请看官方示例）

示例 | Vue3 i18n (webkong.cn)

在vs code下载插件（方便阅读）

看下效果：没有使用插件

看下效果：使用插件

文件结构

 实现代码

代码是实现，之前没有加这个句话    "i18n-ally.enabledParsers": ["ts","json"], //自动解析路径

   "i18n-ally.localesPaths": ["src/locales"], //语言的文件路径

    "i18n-ally.enabledParsers": ["ts","json"], //自动解析路径

    "i18n-ally.sourceLanguage": "en",    

    "i18n-ally.displayLanguage": "zh-cn",

帮助阅读前端i18n项目代码的VSCode插件
IOWEL的博客
10-03 213
这个自定义的VSCode插件为前端开发人员提供了一个方便的工具，可以更轻松地阅读和理解i18n项目的代码。通过语言键的高亮显示、悬停提示、本地化文本搜索和提取功能，开发人员可以更高效地处理和维护i18n代码，并且减少了手动查找和跳转的时间和精力消耗。希望这个插件能够帮助前端开发人员更好地处理i18n（国际化）项目的代码。语言键高亮：插件可以对代码中的语言键进行高亮显示，以便开发人员能够快速识别并关注这些关键内容。// 在代码中高亮显示语言键。
使用vscode插件du-i18n处理前端项目国际化翻译多语言
weixin_38779534的博客
06-18 3585
Du-i18n插件提供一键扫描中文、提取文案、文案回显、在线翻译、文案上传、拉取线上文案、翻译漏检、切换语言以及分析统计等功能。
前端vue最新vue-i18n国际化插件实现语言切换(带源码)
m0_49714202的博客
04-26 5433
目录1.安装i18n插件和elementUI插件2.main.js全局挂载i18n和elementUI挂载3.语言文件en.js，代码如下zh.js，代码如下4.在组件中使用第一种写法源码如下:效果如下图第二种写法源码如下:效果如下图第三种写法源码如下:效果如下图 1.安装i18n插件和elementUI插件 npm install vue-i18n --save npm i element-ui -S 2.main.js全局挂载i18n和elementUI挂载 import ElementUI from
VS Code-i18n Ally国际化插件
最新发布
qq_57404736的博客
04-07 1115
主要讲解了VS Code插件-i18n Ally国际化的一个使用，超级好用的一个工具，相信绝对对你的国际化开发有大帮助
Vue- i18n的使用及快速翻译（VSCode编辑器）
weixin_50368372的博客
02-06 2314
vscode插件让你的翻译快的不止一步。
i18n国际化vscode插件（du-i18n、i18n Ally）
m0_55967670的博客
08-02 2764
国际化插件
使用i18n Ayll在项目中也能显示中文vscode
qq_45838276的博客
10-18 1135
2、在项目根目录创建.vsoce文件夹，再创建settings.json文件，把下方代码复制进去。1、安装插件：i18n Ayll。
vscode安装了中文语言不显示
星星超幸运的博客
06-18 876
3、具体来说是配置显示语言（configure display language)2、搜索language。
这个vscode插件能够帮到你方便浏览和编写vuei18n
08-09
在Visual Studio Code（VSCode）中，有一款插件能够帮助开发者更便捷地处理Vue-i18n相关的代码，提高开发效率。 该插件名为"vscode-vue-i18n"，它专为VSCode设计，提供了许多实用的功能来优化浏览和编写Vue-i18n...
-vue-i18-app:本地化应用
04-08
在开发多语言应用时，Vue-i18n 是一个强大的工具，它为 Vue 应用提供了便捷的本地化支持。Vue-i18n 可以帮助开发者轻松地切换应用中的语言，使应用能够适应不同国家和地区用户的使用习惯。 首先，我们来了解一下...
VSCode中文乱码终结者：永久解决之道
本文首先介绍了VSCode中文乱码的现状及其带来的困扰，随后深入探讨了VSCode中的编码与解码机制，包括字符编码的基本概念、VSCode的编码设置以及编码处理流程。在第三章，文章对中文乱码进行了诊断与分析，包括
如何让vsCode显示中文界面
10-15
vscode默认的语言是英文，这给使用者带来了一定的挑战，现在小编就来告诉你如何将vscode设置成中文。
VSCode中的Jupyter Notebook扩展开发：从入门到精通
[VSCode中的Jupyter Notebook扩展开发：从入门到精通](https://www.gironi.it/blog/wp-content/uploads/2023/01/jubyterLite-1024x459.png) # 1. Jupyter Notebook与VSCode概览 ## 1.1 Jupyter Notebook简介 ...
VSCode扩展服务器端程序发布与功能更新
- **重构I18N支持占位符**: I18N是国际化（Internationalization）的缩写，表示程序支持多语言界面。重构支持占位符说明代码更加注重国际化文本的管理，增加可读性，使未来的多语言翻译工作更为便捷。 - **合并文件...
vscode中文显示
贝贝小菜鸟的博客
02-08 267
1.点击扩展，或者是ctrl+shift+x 2.输入Chinese 3.点击install 4.Ctrl+shift+P,弹出命令行，选择"Configure Display Language"，在弹出框中选择zh_cn,重启完成，即为中文
VScode设置: 显示中文
qq_35323057的博客
05-16 612
VScode设置: 显示中文
VSCode配置新版i18n
luoteen的博客
02-20 2516
在VSCode的插件搜索i18n 安装好了之后，点击下图的扩展设置 设置显示语言- zh 指定要使用的框架支持- vue 指定启用文件格式- js 去掉启用命名空间的勾勾 然后就好了，引用了i18n后变成下图这样 这样不太习惯这个格式，就可以去掉刚刚配置里的-在路径原位显示翻译文案，而不是附加在末尾的勾勾 最后就成这样啦，可读性更高 ...
Vue3+Vue-i18n+I18N ALLY+VSCODE 自动翻译多国语言
qq_41400354的博客
09-06 2676
vscode搭配谷歌翻译和i18n ally插件实现批量翻译。
vscode i18n Ally插件配置项
weixin_43951592的博客
04-16 2667
多语言，国际化插件
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值