一直以来,在Vue.js中使用Vue I18n来实现国际化多语言设置,以往都是手动去找到文件写翻译,比较繁琐复杂。
现在从同事那里知道了一个很好用的vs code插件i18n-ally,可以构建和自动化翻译,分享给大家,也算是自己做个记录。
而且,i18n-ally是官方推荐的第三方工具,真的是好用,谁用谁知道。
首先在vs code中安装插件i18n-ally。
其次,这是配置,如下:
settings.json:
// 安装插件后可能会自动在工作区生成这行配置
"i18n-ally.localesPaths": [
"src/i18n"
],
// 以下需要自己配置
"i18n-ally.keystyle": "nested",
"i18n-ally.namespace": true,
"i18n-ally.enabledParsers": [
"json",
"js"
],
"i18n-ally.sortKeys": true,
"i18n-ally.sourceLanguage": "zh-hans",
"i18n-ally.displayLanguage": "en-us",
然后,将之前的js文件改为json格式,就可以使用了,github上文档给出了很多演示,这里不再重复。
简介:本文将 rocktmq-spring-boot 的设计实现做一个简单的介绍,读者可以通过本...
red红色 等同于 rgb(255,0,0) 等同于 rgb(100%,0%,0%) 等同于 #ff0000 等同于 #f...
以下内容为 css 基础篇(1) 1. 如何解决 a 标点击后 hover 事件失效的问题? 改...
kubectl 是 Kubernetes 自带的客户端,可以用它来直接操作 Kubernetes 集群。 日...
网页制作图片特效有很多种,其中鼠标经过图片,可以有图片变大或切换图片的效果...
缘起 由于项目需要,我们要在web端实现录音功能。一开始,找到的方案有两个,一...
简介: 以测试集群版本为例(EMR-4.4.1)—— Flink SQL Client 集成 Hive 使用...
Dreamweaver设计网页的时候,同一页面下有多个子页面时,就要使用框架结构来布局...
语音识别是计算机科学和计算语言学的一个跨学科子领域。它可以识别口语并将其翻...
本文主要是讲解如何在 html 中使用 clearfix 和 clear,针对那些刚开始了解 css ...