vue i18n 极速解决方案vue-swift-i18n(vscode插件)

最新推荐文章于 2025-05-12 16:25:51 发布
置顶 最新推荐文章于 2025-05-12 16:25:51 发布
阅读量2.4k 收藏 7
点赞数 1
分类专栏： vscode 插件 文章标签： node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/RichieChoo1993/article/details/106997486
版权
本文介绍了Vue i18n的痛点，并提出了一种解决方案——vue-swift-i18n，这是一个VSCode插件。它能自动检测并生成Json文件，实现汉字到国际化键的替换，提供代码提示，还能扁平化处理Json。通过快捷键和自定义配置，提高Vue应用的国际化效率。

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

Vue i18n

契子

Vue国际化非常的繁琐:

  • 将所有出现的要国际化的汉字复制取名配置
  • 在vue/js文件中找到汉字位置，区分是在template中标签的label或者其他property中，或者{ {}}中script，又或者script中的，手动将一层一层的国际化key拷贝，粘贴。
  • 就算是相同的汉子，由于在vue中的语法不同，需要重复的拷贝，粘贴
  • 碰到一堆汉字拼接的简直要了老命/(ㄒoㄒ)/~~

快速开始

  1. 安装
    （商店搜索vue-swift-i18n，或者ctrl+p,输入ext install RichieChoo.vue-swift-i18n
  2. 使用，见下图：
    vue-swift-i18n

功能

    最低0.47元/天 解锁文章
    这可能是你见过的最便捷的Vue i18n Vscode插件
    weixin_45556713的博客
    09-27 2495
    契子 vue项目国际化非常的繁琐: 将所有出现的要国际化的汉字复制取名配置 在vue/js文件中找到汉字位置，区分是在template中标签的label或者其他property中，或者{{}}中script，又或者script中的，手动将一层一层的国际化key拷贝，粘贴。 就算是相同的汉子，由于在vue中的语法不同，需要重复的拷贝，粘贴 碰到一堆汉字拼接的简直要了老命/(ㄒoㄒ)/~~ 快速开始 ...
    使用vscode插件du-i18n处理前端项目国际化翻译多语言
    weixin_38779534的博客
    06-18 3754
    Du-i18n插件提供一键扫描中文、提取文案、文案回显、在线翻译、文案上传、拉取线上文案、翻译漏检、切换语言以及分析统计等功能。
    vite-plugin-vue-i18n:Vue I18n的快速插件
    04-09
    :globe_with_meridians: @ intlify / vite-plugin-vue-i18n Vue I18n的Vite插件 :handshake: 支持新项目 Intlify Project是一个开源项目，其中包括Vue I18n和i18n工具和自由软件，其持续的开发完全依靠赞助商的支持。 如果您想成为赞助商，请考虑： :1st_place_medal: 金牌赞助商 :2nd_place_medal: 银牌赞助商 :3rd_place_medal: 青铜赞助商 :star: 特征 i18n资源预编译 i18n自定义块 静态捆绑进口 捆绑优化 :optical_disk: 安装 NPM $ npm i --save-dev @intlify/vite-plugin-vue-i18n 纱 $ yarn add -D @intlify/vite-plugin-vue-i18n :warning: 注意 安装此插件后，Vue I18n只能使用Composition API，如果要使用Legacy API，则需要将compositionOnly选项设置为f
    vscode-vue-i18n-ally-VSCode扩展，可提供更好的Vue-i18n体验。-Vue.js开发
    05-27
    英文| 简体中文v2.0与新的编辑器UI和审阅系统一起发布:party_popper:从v1.x迁移:open_book:文档| :thought_balloon:常见问题| :gear:配置| :scroll:支持的格式英文| 简体中文v2.0与新的编辑器UI和审阅系统一起发布:party_popper:从v1.x迁移:open_book:文档| :thought_balloon:常见问题| :gear:配置| :scroll:支持的格式| 贡献内联注释悬停和直接操作在一个位置管理所有翻译编辑器UI和审阅系统从代码报告中提取翻译报告缺失的翻译JSON和YAML的机器翻译注释常规功能支持多根wo
    vite项目使用i18n-ally未读取到文件
    最新发布
    owo_ovo的博客
    05-12 294
    vite项目使用i18n-ally未读取到文件
    vue-swift-i18n:适用于Vue开发人员的Swift I18n vscode插件
    05-12
    Vue i18n :house: :sparkles: 快速开始 契子 现有项目国际化非常的繁琐: 将所有出现的要国际化的汉字复制取名配置 在 vue/js 文件中找到汉字位置，区分是在template中标签的label或者其他property中，或者{{}}中script，又或者script中的，手动将一层一层的国际化 key 拷贝，粘贴。 就算是相同的汉子，由于在 vue 中的语法不同，需要重复的拷贝，粘贴 碰到一堆汉字拼接的简直要了老命/(ㄒ o ㄒ)/~~ 设计 插件功能 检测 vue/js 中的需要国际化的汉字，自动生成 json 文件 根据 json 文件检测 vue/js,检测汉字，自动替换成步骤 1 生成的 json 的 key 检测 vue/js 文件中的已替换的 key，展示对应汉字提示弹窗 xxx.json 文件中，生成扁平化的 locales 的 xxx_flat.json 文件,方便取值复制
    这个vscode插件能够帮到你方便浏览和编写vuei18n
    08-09
    这个vscode插件能够帮到你方便浏览和编写 vue-i18n
    i18n国际化vscode插件（du-i18n、i18n Ally）
    m0_55967670的博客
    08-02 2990
    国际化插件
    vscode-vue-i18n::bookmark: 这个插件能够帮到你方便浏览和编写 Vue i18n
    04-30
    vscode-vue-i18n 为什么要做这个插件？因为写 i18n 真的很啰嗦很麻烦啊 :tired_face: 这个插件能够帮到你方便查看和编写 :party_popper: :high_voltage: 主要功能 提取并自动翻译文案 (快捷键 ⌘+.) 直观的看到对应的翻译文案 通过翻译中心管理翻译 :owl: 如何使用? 1. 首先你的目录应该是类似这样的结构 locales ├── en.json ├── zh-CN.json ├── zh-TW.json ├── ... └── <contry>.json 或者 locales ├── en | ├── common.json | ├── buttons.json | ├── ... | └── <filenames>.json ├── zh-CN | ├── common.json | ├── buttons.j
    Vue- i18n的使用及快速翻译（VSCode编辑器）
    weixin_50368372的博客
    02-06 2330
    vscode插件让你的翻译快的不止一步。
    Vue国际化搭配 VSCode i18n Ally插件使用初体验
    飞翔的熊blabla
    08-06 836
    在lang文件中增加index.ts导出所有的多语言文件，可以用vite中的const modules = import.meta.globEager("./**/*.ts");实际项目中，需要切换多语言，最好不要把所有的语言都导出，需要时再导出其他语言。原文链接：https://blog.csdn.net/wn1245343496/article/details/121533381。不过namespace开启的同时，在导出多语言文件的时候也要同步加上key，不然这样做插件是能识别的，页面显示的不正确。
    i18nSwift：i18n for Swift
    02-04
    i18n for Swift。 " order_view_title " = " Order " " order_view_button " = " Order (price: %@) " ========================== // "Order" titleLabel. text = NSLocalizedString ( " order_view_title " , comment : " " ) // "Order (price: USD100.00)" let price = " $100.00 " let buttonTitle = String ( format
    本地化/ I18n：从.swift，.h，.m（m）、. storyboard或.xib文件中增量更新/翻译您的Strings文件。-Swift开发
    05-27
    安装•配置•使用情况•构建脚本•迁移指南•问题•贡献•许可证BartyCrouch BartyCrouch从代码和接口Bu安装中逐步更新您的Strings文件•配置•使用情况•构建脚本•捐赠•迁移指南•问题•贡献•许可证BartyCrouch BartyCrouch从您的代码和Interface Builder文件中逐步更新您的Strings文件。 “递增”表示默认情况下，BartyCrouch将保留您已转换的值，甚至保留已更改的注释。 此外，您还可以使用BartyCrouch将机器从一种语言翻译成60多种其他语言。 使用BartyCrouch很容易
    Vue3中，国际化插件vue-i18n使用记录，配合VSCode自动化翻译插件i18n Ally
    热门推荐
    qq_51532249的博客
    06-28 1万+
    记录了国际化插件vue-i18n在Vue3中的使用，以及VSCode自动化翻译插件i18n Ally的使用。
    vscode i18n Ally插件配置项
    weixin_43951592的博客
    04-16 2714
    多语言，国际化插件
    Vue3+Vue-i18n+I18N ALLY+VSCODE 自动翻译多国语言
    qq_41400354的博客
    09-06 2717
    vscode搭配谷歌翻译和i18n ally插件实现批量翻译。
    VS Code-i18n Ally国际化插件
    qq_57404736的博客
    04-07 1549
    主要讲解了VS Code插件-i18n Ally国际化的一个使用，超级好用的一个工具，相信绝对对你的国际化开发有大帮助
    i18n带来的便捷，能在vsCode中直接显示中文翻译
    weixin_53509819的博客
    09-29 2701
    没加配置 加了配置 实现代码
    VScode-i18n-ally-Vue
    yinmomoyin的博客
    03-27 571
    参考这篇文章，做Vue项目的国际化配置，本篇文章主要解释，下载了i18n之后，该如何对Vscode进行配置。
    提高Vue开发效率：vscode-vue-i18n插件的使用指南
    - **vue-i18n, vscode-i18n, vscode-vue-i18n**: 分别体现了这个插件是关于Vue i18n、VS Code国际化插件以及特定于VS Code的Vue i18n插件。 - **HTML**: 虽然与Vue i18n的直接关联不是很大，但作为一个插件作者，...
    评论 6
    添加红包

    请填写红包祝福语或标题

    个

    红包个数最小为10个

    元

    红包金额最低5元

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

    抵扣说明：

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

    余额充值