前端i18n?Ally插件使用方法簡單介紹
效果展示:
當(dāng)鼠標放上去
vscode擴展搜i18n Ally
由于每個項目的語言可能做的都不一樣,會導(dǎo)致無法找到真正的路徑位置,所以我推薦
在項目的根目錄找到.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)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Javascript 構(gòu)造函數(shù),公有,私有特權(quán)和靜態(tài)成員定義方法
其中公有方法聲明的部分采用的兩種方式,在實際應(yīng)用中一般采取一種方式就可以了,如果兩種方式都要采用的話,應(yīng)注意順序,防止前面寫的方法被清空或覆蓋。2009-11-11setTimeout()與setInterval()方法區(qū)別介紹
計時器setTimeout()和setInterval()兩個都是js的計時功能的函數(shù)兩個有些區(qū)別,下面為大家簡單介紹下,希望對大家有所幫助2013-12-12理解Javascript_02_理解undefined和null
其實在 ECMAScript 的原始類型中,是有Undefined 和 Null 類型的。 這兩種類型都分別對應(yīng)了屬于自己的唯一專用值,即undefined 和 null。2010-10-10javascript和php使用ajax通信傳遞JSON的實例
今天小編就為大家分享一篇javascript和php使用ajax通信傳遞JSON的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08javascript下有關(guān)dom以及xml節(jié)點訪問兼容問題
javascript下有關(guān)dom以及xml節(jié)點訪問兼容問題...2007-11-11