• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

    vue-i18n-generator: vue-i18n 替换工具(中文),通过该工具,可以将未加入vue-i18n ...

    原作者: [db:作者] 来自: 网络 收藏 邀请

    开源软件名称:

    vue-i18n-generator

    开源软件地址:

    https://gitee.com/thesadboy/vue-i18n-generator

    开源软件介绍:

    vue-i18n 替换工具(中文)

    强烈推荐 webpack-vuei18n-loader 无侵入式工具

    通过该工具,可以将未加入vue-i18n的vue项目自动提取项目vue/js(js文件会自动查找是否已经引用过VUE,若没有引用会自动引用并创键实例,绑定$t方法)文件中的中文部分生成国际化配置文件并自动替换对应位置

    (实验功能) 通过该工具,可以将已经使用国际化的项目恢复成未使用国际化的样子(该需求一般是用于原本需要国际化,后来项目不需要,恢复使用)

    安装

    sudo npm install -g vue-i18n-clisudo yarn global add vue-i18n-cli

    运行

    项目根目录执行 i18n

    # 生成国际化文件i18n generate ./src# 然后就会在根目录生成一个 zh-cn.js 的配置文件,之后对项目引入vue-i18n并采用该配置文件即可# 还原国际化项目i18n revert ./src# 该命令会将已经国际化的项目做恢复

    执行生成命令时,可以通过参数控制key和index,如下

    -k, --key <key>            自定义key前缀,默认为相对执行目录的文件路径-s, --single               是否为单文件index序列,默认为全局序列,当自定义key之后,此设置无效-p, --path <path>          设置生成文件的路径,默认为运行目录(请设置已经存在的目录!!!)-f, --filename <filename>  设置生成文件名,默认为zh_cn

    执行恢复就命令时,可通过以下参数

    -p, --path <path>          设置国际化文件路径,默认为运行目录-f, --filename <filename>  设置国际化文件名,默认为zh_cn-r, --rootnode <rootnode>  设置国际化文件根节点,默认为空,即第一层,有的国际国际化文件整合为一个的,可以设置,比如 messages.zh_cn
    import VueI18n from 'vue-i18n';Vue.use(VueI18n);const i18n = new VueI18n({	locale: 'zh-cn',	messages: {		'zh-cn': require('../zh-cn')	}});new Vue({	router,	//...	i18n,	//...	render: h => h(App)}).$mount('#app');

    注意

    • vue文件中的props中的各个属性的default中不要使用中文,否则替换后无法正常使用
    • vue文件中的filters中不要使用中文,否则替换后无法正常使用
    • 对未自定义key的情况,会在单个文件中对value部分去重,自定义key之后,会在全局对value部分去重
    • 对于需要做字符串连接的部分,不要使用 + 号,使用 ``符号进行连接,这样在生成的时候会自动将 ${} 部分作为参数传入
    • 若替换后有报错,且错误信息在JS文件替换后出现,那么请调整一下import的顺序,确保JS文件的引入前,已经完成了i18n的相关设置(建议将i18n的配置单独一个文件,这样可以方便调整引用位置)
    • 针对国际化恢复时,语言包文件不要使用ES Module!!!
    • 针对JS的国际化恢复,不会自动删除之前注入的i18n实例,需要手动删除
    • 国际化恢复功能,无法恢复参数为对象形式的传参,仅支持数组形式传参

    参考

    vue-i18n 文档


    鲜花

    握手

    雷人

    路过

    鸡蛋
    该文章已有0人参与评论

    请发表评论

    全部评论

    专题导读
    热门推荐
    阅读排行榜

    扫描微信二维码

    查看手机版网站

    随时了解更新最新资讯

    139-2527-9053

    在线客服(服务时间 9:00~18:00)

    在线QQ客服
    地址:深圳市南山区西丽大学城创智工业园
    电邮:jeky_zhao#qq.com
    移动电话:139-2527-9053

    Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap