前端i18n?Ally插件使用方法簡(jiǎn)單介紹

更新時(shí)間：2024年11月01日 09:49:44 作者：Lucky小維

為了解決VSCode擴(kuò)展i18nAlly在不同項(xiàng)目中無(wú)法正確找到翻譯文件路徑的問(wèn)題,推薦在項(xiàng)目根目錄下的.vscode目錄中編輯settings.json文件進(jìn)行配置,需要的朋友可以參考下

效果展示：

當(dāng)鼠標(biāo)放上去

vscode擴(kuò)展搜i18n Ally

由于每個(gè)項(xiàng)目的語(yǔ)言可能做的都不一樣，會(huì)導(dǎo)致無(wú)法找到真正的路徑位置，所以我推薦

在項(xiàng)目的根目錄找到.vscode再找到settings.json編輯它

比如我的翻譯文件en.ts和zh-CN.ts，都在src目錄下的locales目錄，配置就如下

  "i18n-ally.localesPaths": ["src/locales"],
  "i18n-ally.keystyle": "nested",
  "i18n-ally.sortKeys": true,
  "i18n-ally.namespace": true,
  "i18n-ally.enabledParsers": ["ts"],
  "i18n-ally.sourceLanguage": "en",
  "i18n-ally.displayLanguage": "zh-CN",
  "i18n-ally.enabledFrameworks": ["vue", "react"],
  "god.tsconfig": "./tsconfig.json",
  "vue-i18n.i18nPaths": "src/locales"

再如我的翻譯文本是en.json和zh-CN.json，都在src目錄下的lang/package下，配置就如下

{
  "i18n-ally.localesPaths": ["src/lang/package"],
  "i18n-ally.keystyle": "nested",
  "i18n-ally.sortKeys": true,
  "i18n-ally.namespace": true,
  "i18n-ally.enabledParsers": ["json"],
  "i18n-ally.sourceLanguage": "zh-cn",
  "i18n-ally.displayLanguage": "zh-CN",
  "i18n-ally.enabledFrameworks": ["vue", "react"],
  "god.tsconfig": "./tsconfig.json",
  "vue-i18n.i18nPaths": "src/lang/package"
}

如果發(fā)現(xiàn)翻譯是英文的則看下vscode右下角的en改一下即可

總結(jié)

到此這篇關(guān)于前端i18n Ally插件使用方法的文章就介紹到這了,更多相關(guān)前端i18n Ally插件使用內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

JavaScript實(shí)現(xiàn)梯形乘法表的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)梯形乘法表的方法,涉及基本javascript結(jié)合表格操作的技巧,需要的朋友可以參考下
2015-04-04
Javascript 構(gòu)造函數(shù),公有,私有特權(quán)和靜態(tài)成員定義方法
其中公有方法聲明的部分采用的兩種方式，在實(shí)際應(yīng)用中一般采取一種方式就可以了，如果兩種方式都要采用的話(huà)，應(yīng)注意順序，防止前面寫(xiě)的方法被清空或覆蓋。
2009-11-11
setTimeout()與setInterval()方法區(qū)別介紹
計(jì)時(shí)器setTimeout()和setInterval()兩個(gè)都是js的計(jì)時(shí)功能的函數(shù)兩個(gè)有些區(qū)別，下面為大家簡(jiǎn)單介紹下，希望對(duì)大家有所幫助
2013-12-12
詳解JavaScript中任意兩數(shù)加減的解決方案
JavaScript中一些浮點(diǎn)數(shù)相加減會(huì)計(jì)算錯(cuò)誤，本文將為大家具體介紹一下JavaScript中解決任意兩數(shù)加減會(huì)出現(xiàn)錯(cuò)誤的方案，需要的可以參考一下
2022-02-02
indexOf 和 lastIndexOf 使用示例介紹
indexOf是在一個(gè)字符串中尋找一個(gè)字的位置，lastIndexOf 也是找字 , 它們倆的區(qū)別是前者從字符串頭開(kāi)始找，后者是從字符串末端開(kāi)始找
2014-09-09
js判斷undefined變量類(lèi)型使用typeof
js判斷undefined變量類(lèi)型使用typeof可以輕松實(shí)現(xiàn)，不了解的朋友可以參考下哈，希望對(duì)你有所幫助
2013-06-06
查看QQ是否在線(xiàn)狀態(tài)的網(wǎng)頁(yè)代碼
這個(gè)其實(shí)就是利用qq官方提供的東西，簡(jiǎn)單的通過(guò)圖片來(lái)測(cè)試是否在線(xiàn)，隱身也是不在線(xiàn)狀態(tài)。純粹學(xué)習(xí)使用。
2010-04-04
理解Javascript_02_理解undefined和null
其實(shí)在 ECMAScript 的原始類(lèi)型中，是有Undefined 和 Null 類(lèi)型的。這兩種類(lèi)型都分別對(duì)應(yīng)了屬于自己的唯一專(zhuān)用值，即undefined 和 null。
2010-10-10
javascript和php使用ajax通信傳遞JSON的實(shí)例
今天小編就為大家分享一篇javascript和php使用ajax通信傳遞JSON的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-08-08
javascript下有關(guān)dom以及xml節(jié)點(diǎn)訪(fǎng)問(wèn)兼容問(wèn)題
javascript下有關(guān)dom以及xml節(jié)點(diǎn)訪(fǎng)問(wèn)兼容問(wèn)題...
2007-11-11