?? 前言

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

圖片

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

圖片

?? MarsCode

安裝

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

圖片

代碼補全

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

圖片

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

圖片

錯誤修復

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

圖片

代碼解釋

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

圖片

注釋代碼

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

圖片

單元測試

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

圖片

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