前端i18n?Ally插件使用方法簡單介紹
效果展示:

當鼠標放上去

vscode擴展搜i18n Ally
由于每個項目的語言可能做的都不一樣,會導致無法找到真正的路徑位置,所以我推薦
在項目的根目錄找到.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改一下即可
總結
到此這篇關于前端i18n Ally插件使用方法的文章就介紹到這了,更多相關前端i18n Ally插件使用內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
微信小程序?qū)崿F(xiàn)可拖動懸浮圖標(包括按鈕角標的實現(xiàn))
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)可拖動懸浮圖標(包括按鈕角標的實現(xiàn)),本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-12-12
select每選擇一個option選項減少對應的option實現(xiàn)方法
這篇文章主要為大家介紹了select每選擇一個option選項減少對應的option實現(xiàn)方法,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-12-12
javascript之通用簡單的table選項卡實現(xiàn)(二)
上篇中的選項卡存在這樣的問題:把邏輯封裝在table.js中,不夠靈活,也就是說如果某個選項卡是實現(xiàn)異步請求或者跳轉,而非div的顯隱切換,那么就得修過table.js來達到目的,顯然不是我所需要的。2010-05-05
Javascript中Null和undefined的簡單理解
在JavaScript中存在這樣兩種原始類型:Null與Undefined,這兩種類型常常會使JavaScript的開發(fā)人員產(chǎn)生疑惑,在什么時候是Null,什么時候又是Undefined,下面這篇文章主要給大家介紹了關于Javascript中Null和undefined的相關資料,需要的朋友可以參考下2022-04-04
JavaScript調(diào)用ajax獲取文本文件內(nèi)容實現(xiàn)代碼
這篇文章主要介紹了JavaScript調(diào)用ajax獲取文本文件內(nèi)容的方法,需要的朋友可以參考下2014-03-03

