VUE項目做i18n國際化之后，代碼中的中文都變成了code這時的代碼就會顯得非常難讀，如果有一個插件能把code轉換成中文顯示就好了

1. vscode插件搜索“i18n ally”
   
2. 在項目根文件夾下創建文件：.vscode/settings.json

settings.json 內容如下

{"i18n-ally.localesPaths": ["src/assets/lang"],"i18n-ally.keystyle": "nested","i18n-ally.sortKeys": true,"i18n-ally.enabledParsers": ["json", "js"],"i18n-ally.sourceLanguage": "zh","i18n-ally.displayLanguage": "zh","i18n-ally.enabledFrameworks": ["vue"],"i18n-ally.translate.engines": ["google-cn","google","deepl","libretranslate"],}

3. 保存后重啟編輯器

效果

安裝前

安裝后

他是一個虛擬懸浮中文顯示，鼠標點上去還是恢復成code，不會改變原代碼

**優點：**變直觀了
**缺點：**通過關鍵詞搜索中文搜不到，因為是個懸浮中文，沒有改變原始文本