給大家安利一款我開發的VSCode多語言外掛

---這款外掛主要使用者是誰？有多語言場景(專案支援中文、英文、日文、韓文等多種語言)的前端開發者。
---我的專案沒有多語言場景，安裝你這個外掛幹嘛？可以體驗一下嘛，然後看看原始碼，外掛包含的知識點還有趣的。
---包含哪些知識點呢？1.完整的VSCode外掛開發流程 2.tsc編譯ts檔案 3.VSCode檔案熱更新監測 4.利用快取增量編譯檔案 

Github地址：https://github.com/FrankKai/i...

歡迎各位提PR，提issue！！！

i18n-chain

反向選擇路徑鏈多語言vscode外掛。

通過分析本地專案的多語言檔案(js、ts、json)，生成snippet.json，幫助開發者實現多語言快速複用，提升開發效率。

演示圖

https://imgur.com/tO0oXjk.gif

兩種方式

• i18n-json: 適用於locales檔案型別為json的專案。
• i18n-ts: 適用於locales檔案型別為ts file的專案。

安裝及使用

1. 外掛市場搜尋i18n-chain，安裝即可
2. 配置多語言檔案目錄 Preferences->Settings->User->Extensions->i18n-chain(例如，配置Locale Path，預設路徑為/src/locales/zh)
3. Command+Shift+P => i18n-json(Locale Path目錄中的內容為json檔案) 或者 Command+Shift+P => i18n-ts（Locale Path目錄中的內容為ts檔案）
4. 鍵入i18n-後選擇需要的鏈即可。

例如：

{
  "foo": "知道了",
  "foo.bar": "知道了",
  "foo.bar.baz": "知道了",
}

i18n-知道了

=>

1.foo

2.foo.bar

3.foo.bar.baz

=>

foo.bar.baz

原理圖

FAQ

生成失敗

執行命令後，可以檢視.vscode目錄下的i18n-chain.code-snippets是否有內容。
沒有的話，檢查Locale Path配置的目錄格式，是否與執行的命令一致。

開發說明

開發除錯

• vscode執行Extension
• 找一個擴充套件開發宿主專案測試
• 外掛程式碼有更新時，需要yarn compile編譯並且點選右上角重新整理按鈕，保持擴充套件開發宿主內的外掛為最新態

僅編譯

yarn test-compile

生成本地vsix包

yarn build

歡迎各位提PR，提issue！！！