?? 前言

• 你是不是跟我一樣，每次寫代碼想要尋求AI幫助時，需要將代碼復制出來，找到一個 AI chatbot ，復制進去，然后跟他說明這段代碼是做什么的，讓他幫我做一些事情。
• 有的同學就會說了，那你用 github copilot ，可以是可以，但是他每個月 10美金 的價格實在是接受不起。

圖片

• 于是我找到了 MarsCode ，基于豆包大模型的智能編程助手，支持智能代碼補全，基于項目倉庫知識的代碼解釋，代碼錯誤修復，一鍵生成單元測試，并且還有可對話的上下文聊天面板。
• 這才是對開發人員友的 AI 工具，我們一起來看看究竟如何。

圖片

?? MarsCode

安裝

• 我們可以在 vscode 擴展應用商店找到他，安裝完成后，會在左側多一個 tab ，點擊我們可以看到一個聊天面板。
• 你可以把它當成一個 gpt ，只不過這里多了很多功能，他還很貼心的放了新手引導，讓你能快速上手，好了，那讓我們一個個來使用這些功能。

圖片

代碼補全

• 在我們編寫代碼的時候，只要我們的命名足夠語義化，它會根據當前的上下文環境來推斷你想要輸入的內容。
• 比如我這里想要寫一個電話號碼的正則表達式判斷函數，他會將預測的代碼提示在光標處，按一下 tab 就可以自動補全到編輯器中。

圖片

• 再舉個例子，我這里有一個被 ts 定義過的樹的變量結構，我現在想要實現一個需求。
• 根據某個樹節點 id 找到這個樹節點的所有父級樹節點的 id ，返回一個數組給我。
• 我們只需要輸入 // 然后輸入具體需求，然后換行，他會將代碼提示在光標處。
• 按一下 tab 則會自動補全到編輯器中，這對于我們平時做需求提供了很多便攜和靈感。

圖片

錯誤修復

• 寫出 bug 是很正常的事情，但是對于一大段函數，我們需要重新去熟悉和 debug ，確實耗費的時間會很多。
• 這時候我們可以將這段代碼選中。在左側面板中輸入指令 “/fix” ，它會快速發現代碼中的問題并給出智能優化建議，提升代碼質量。

圖片

代碼解釋

• 代碼解釋有兩種使用方法，你可以在對應代碼塊中點擊上面的 “代碼解釋” 按鈕，或者選中對應代碼塊，在左側輸入 “/explain” 即可。
• 他會在左側面板中對這段代碼進行解釋，如果你不滿意或者還有什么不懂的，可以繼續追問 “你可以再詳細一點嗎？我沒看懂” ，他會更加全面的回答你。

圖片

注釋代碼

• 對于有的時候寫了一些代碼后，需要寫一些注釋的情況，我們可以點擊 “注釋代碼” 。
• 他會逐行逐行跟你解釋，特別是對于我們需要看第三方庫源碼的時候太友好了。
• 我們還可以對其插入光標處，一鍵幫你覆蓋到原有的代碼上，簡直不要太方便。

圖片

單元測試

• 單元測試其實是開發時必不可少的內容，但是要自己手寫單測其實是很繁瑣的。
• 這時候我們可以交給 MarsCode 去做這件事情，點擊“單元測試”或者選中代碼后再左側面板輸入 “/test” 。

圖片

• 他就會去讀懂這段代碼并且給出一個令你滿意的回復，特別是對于工具類的純函數，它會非常非常精準，且覆蓋面很廣。