vue-i18n 自动提取中文工具

通过该工具，可以将vue-i18n的vue项目（vue/js）自动提取中文（js文件会自动查找，绑定$t方法）

安装

npm install -g vue-i18n-chinese-generate
yarn global add vue-i18n-chinese-generate

运行

项目根目录命令行执行 i18n

# 生成国际化文件
i18n create ./src （可指定执行的目录，例如：i18n create ./src/views/HomeView.vue）
# 然后就会在根目录生成一个 zh_langs.js 的配置文件，之后对项目引入vue-i18n并采用该配置文件即可

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

i18n create ./src --p src/lang  指定设置生成文件的路径
-k, --key <key>            自定义key前缀，默认为相对执行目录的文件路径
-s, --single               是否为单文件index序列，默认为全局序列，当自定义key之后，此设置无效
-p, --path <path>          设置生成文件的路径，默认为运行目录（请设置已经存在的目录！！！）
-f, --filename <filename>  设置生成文件名，默认为zh_langs

import VueI18n from 'vue-i18n';

Vue.use(VueI18n);
const i18n = new VueI18n({
	locale: 'en', // 默认语言
	messages: {
		'en': require('./en_langs'), // 引入当前英文语言包
		'zh': require('./zh_langs') // 引入当前中文语言包
	}
});

new Vue({
	router,
	i18n,
	render: h => h(App)
}).$mount('#app');

参考

vue-i18n 文档