這兩年 AI 發展迅猛，作為開發人員，我們總是追求更快、更高效的工作方式，AI 的出現可以說改變了很多人的編程方式。
AI 對我們來說就是一個可靠的編程助手，給我們提供了實時的建議和解決方，無論是快速修復錯誤、提升代碼質量，或者查找關鍵文檔和資源，AI 作為編程助手都能讓你事半功倍。
今天為大家推薦一款 VSCode 的插件 Fitten Code，Fitten Code 是由非十大模型驅動的 AI 編程助手，它可以自動生成代碼，提升開發效率，幫您調試 Bug，節省您的時間，另外還可以對話聊天，解決您編程碰到的問題。
Fitten Code 免費且支持 80 多種語言：Python、C++、Javascript、Typescript、Java等。
在我按官網的操作實際驗證過程中發現有幾個有異常，沒有解決，大概率是我這的環境有問題，都使用加粗和黃底標記出來了，但不影響整體功能，希望有同道清楚怎么解決的幫忙指導一下吧。
1、安裝
如果已經安裝 VSCode 且版本大于等于1.68.0，請直接跳過此步驟，否則請點擊下載前往官網下載安裝 VSCode。我是在1.70版本上進行測試的。
打開 VSCode，點擊左側 Extensions（擴展）按鈕：
在搜索框中搜索關鍵字 Fitten Code：
在搜索結果中點擊安裝：
登錄注冊后即可開始使用：
在打開代碼文件時右下角會出現登錄的提示說明。
2、智能補全
打開代碼文件，輸入一段代碼，Fitten Code 就會為您自動補全代碼：
按下 tab 鍵接受補全建議：
3、AI 問答
用戶可通過點擊左上角工具欄中的Fitten Code – 開始對話或者使用快捷鍵Ctrl+Alt+C(mac系統為control+option+C)打開對話窗口進行對話：
當用戶選中代碼段再進行對話時，Fitten Code 會自動引用用戶所選中的代碼段，此時可直接針對該代碼段進行問詢等操作：
4、生成代碼
可在左側 Fitten Code 工具欄中選擇 “Fitten Code - 生成代碼” 或者使用快捷鍵 Ctrl+Alt+G (mac系統為control+option+G)，如下圖所示：
5、代碼翻譯
編輯代碼功能可以實現不同語言之間的轉換，如Node.js語法轉換成Python語法等。選中需要進行編輯的代碼段，右鍵選擇 “Fitten Code – 編輯代碼” 或點擊左側工具欄中的 “Fitten Code – 編輯代碼” 或者使用快捷鍵 Ctrl+Alt+E (mac系統為control+option+E)，如下圖中所示：
然后在輸入框中輸入需求(將node.js代碼轉為python代碼)：
6、生成注釋
Fitten Code 能夠根據您的代碼自動生成相關注釋，通過分析您的代碼邏輯和結構，為您的代碼提供清晰易懂的解釋和文檔，不僅提高代碼的可讀性，還方便其他開發人員理解和使用您的代碼。先選中需要生成注釋的代碼段，然后右鍵選擇 “Fitten Code – 生成注釋”：
即可生成對應注釋如下圖所示，點擊"Apply"后即可應用，按著官網的手冊應該是可以實現類似下圖這種結果的
但是實際我這個環境下一直顯示在生成中，且生成不成功。
7、解釋代碼
Fitten Code 可以對一段代碼進行解釋，可以通過選中代碼段然后右鍵選擇 “Fitten Code – 解釋代碼” 進行解釋，如下圖所示：
此外，還可以進一步回答用戶關于這段代碼的疑問，如下圖所示：
8、生成測試
Fitten Code 擁有自動生成單元測試的功能，可以根據代碼自動產生相應的測試用例，提高代碼質量和可靠性。通過選中代碼段后右鍵選擇 “Fitten Code – 生成單元測試” 來實現，如下圖所示：
9、檢查 BUG
Fitten Code 可以對一段代碼檢查可能的 bug，并給出修復建議。選中對應代碼段，然后右鍵選擇 “Fitten Code查找Bug”，如下圖所示：
10、編輯代碼
Fitten Code可根據用戶指示對選定的代碼塊進行編輯，用戶點擊 “Apply” 后即可應用變更。通過選中代碼段右鍵選擇 “Fitten Code – 編輯代碼” 或在左上角工具欄點擊 “Fitten Code – 編輯代碼”，如下圖所示：
隨后，用戶可在輸入框中輸入指示，按官網的描述Fitten Code 會新建一個窗口對比顯示更改前和更改后的內容，用戶可通過點擊 “Apply” 應用更改，如下圖所示：
我實際測試發現并沒有生成對比的代碼
11、優化代碼
Fitten Code 可以對一段代碼進行代碼優化，并給出優化點。選中對應代碼段，然后右鍵選擇 “Fitten Code 優化代碼”，如下圖所示：
Fitten Code給出的優化代碼和優化點供用戶參考，如下圖所示：
12、整項目分析
Fitten Code 的整項目感知分析功能，該功能會基于整個項目來解答你的問題，用戶只需在對話框中以 @workspace 開頭，接著輸入想要提問的問題即可。如下圖所示：
項目，如下圖所示：
功能效果展示，Fitten Code 會將文件拆成多個部分進行分析和引用，用戶點擊展開workspace參考點擊引用信息：便可看到引用詳情，如下圖所示：
在實際測試時我這顯示的引用詳情是亂碼，且不能點擊
13、整項目補全
Fitten Code 的整項目感知補全功能，實現了可以在用戶編寫代碼時分析用戶的整個項目給出補全建議，而不只是單純的對于基于單個文件給出補全建議。
首先需要打開這個功能。
- 效果展示
需要被引用的類(不在需要補全的文件中)如下圖所示：
Fitten Code 的整項目感知補全功能，能夠獲取到不在當前文件的類并給出補全建議，如下圖所示：
14、圖片問答
Fitten Code 的圖片問答功能，為用戶實現了可以在對話時使用圖像問答的功能，用戶可通過圖像快速生成HTML代碼、也可以通過圖像查找bug等等。
用戶上傳了一張描述登錄頁面設計的圖像，并詢問如何使用HTML復刻此網頁。按官網的描述是可以生成的
但是**我實測發現報了個錯誤，更換為更小的圖片也測試了下，但是未成功**。
15、常見問題
如果 VSCode 遠程服務器 remote 無法連接外網時，請點擊左下角?按鈕，再點擊設置：
然后在設置頁面點擊右上角 “打開設置(JSON)”:
最后只需在在彈出的 settings.json 文件中添加以下內容即可:
"remote.extensionKind": { "FittenTech.Fitten-Code": ["ui"] }
參考資料
官網
