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

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

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元/天 解锁文章
    RichieChoo1993
    关注
    • 1
      点赞
    • 踩
    • 7
      收藏
      觉得还不错? 一键收藏
    • 6
      评论
    专栏目录
    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
    2024 最新最全 VS Code 插件推荐！
    Javachichi的博客
    06-28 1256
    Visual Studio Code 是由微软开发的一款开源的代码编辑器，它有了一个丰富的插件市场，提供了很多实用的插件。本文就来分享 2024 年开发必备的 VS Code 插件！
    Vue- i18n的使用及快速翻译（VSCode编辑器）
    weixin_50368372的博客
    02-06 1956
    vscode插件让你的翻译快的不止一步。
    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
    使用vscode插件du-i18n处理前端项目国际化翻译多语言
    weixin_38779534的博客
    06-18 1353
    Du-i18n插件提供一键扫描中文、提取文案、文案回显、在线翻译、文案上传、拉取线上文案、翻译漏检、切换语言以及分析统计等功能。
    i18n国际化vscode插件（du-i18n、i18n Ally）
    最新发布
    m0_55967670的博客
    08-02 259
    国际化插件
    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工具和自由软件，其持续的开发完全依靠赞助商的...
    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和审阅系统一起发布:...
    eslint-plugin-vue-i18n：Vue I18n的ESLint插件
    02-05
    @ intlify / eslint-plugin-vue-i18n Vue I18n的ESLint插件 :open_book: 文献资料看 :scroll: 变更日志每个版本的详细信息更改记录在。 :exclamation_mark: 问题在打开问题之前，请确保阅读“ 。 不符合准则的问题...
    vue-cli-plugin-i18n:Vue CLI插件可将vue-i18n添加到您的Vue项目
    05-11
    Vue CLI插件可将vue-i18n添加到您的Vue项目 :handshake: 支持新项目 Intlify Project是一个开源项目，其中包括Vue I18n和i18n工具和自由软件，其持续的开发完全依靠赞助商的支持。 如果您想成为赞助商，请考虑： ...
    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很容易
    vue-i18n结合Element-ui的配置方法
    10-16
    vue-i18n是一个专门为Vue.js开发的国际化插件，而Element-ui则是一个基于Vue.js的桌面端组件库，两者结合可以为开发多语言界面提供便利。 在文章开始的部分，作者强调了本文内容的参考价值，表明以下将介绍的方法或...
    vscode i18n Ally插件配置项
    weixin_43951592的博客
    04-16 1480
    多语言，国际化插件
    Vue国际化搭配 VSCode i18n Ally插件使用初体验
    飞翔的熊blabla
    08-06 703
    在lang文件中增加index.ts导出所有的多语言文件，可以用vite中的const modules = import.meta.globEager("./**/*.ts");实际项目中，需要切换多语言，最好不要把所有的语言都导出，需要时再导出其他语言。原文链接：https://blog.csdn.net/wn1245343496/article/details/121533381。不过namespace开启的同时，在导出多语言文件的时候也要同步加上key，不然这样做插件是能识别的，页面显示的不正确。
    Vue3中，国际化插件vue-i18n使用记录，配合VSCode自动化翻译插件i18n Ally
    热门推荐
    qq_51532249的博客
    06-28 1万+
    记录了国际化插件vue-i18n在Vue3中的使用，以及VSCode自动化翻译插件i18n Ally的使用。
    i18n带来的便捷，能在vsCode中直接显示中文翻译
    weixin_53509819的博客
    09-29 1751
    没加配置 加了配置 实现代码
    VScodeVuei18n自动翻译中英文生成索引
    weixin_44521580的博客
    11-29 1159
    Vuei18n实现国际化网上有很多博文教程，在这篇博客想给大家安利一个自动翻译的插件，感觉自己手动翻译维护有一些麻烦 在VScode中安装如下图所示插件即可实现 快捷键Ctrl+.,注意点必须是英文的，之后就如下图： VUE文件中选择$t(“key”)，JS文件中则选择i18n.t(‘key’) ...
    Vue.js应用的国际化实现：vue-i18n配置与使用教程
    `vue-i18n` 是一个强大且易用的 Vue 国际化解决方案，它允许开发者轻松地为 Vue 应用添加多语言支持，并提供了丰富的选项和扩展能力来满足复杂的需求。通过正确配置和使用，你可以为用户提供更加友好和个性化的交互...
    评论 6
    添加红包

    请填写红包祝福语或标题

    个

    红包个数最小为10个

    元

    红包金额最低5元

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

    抵扣说明：

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

    余额充值