聽說你還沒用過AI 輔助編碼的工具，快來看看這幾個(gè)？
大廠技術(shù) 高級前端 Node進(jìn)階
點(diǎn)擊上方 程序員成長指北，關(guān)注公眾號
回復(fù)1，加入高級Node交流群
最近看到一個(gè)新聞，Twitter 上一名技術(shù)人分享了他監(jiān)督的一個(gè)事件，即擁有 19 年編碼經(jīng)驗(yàn)、會 100% 手寫代碼的程序員最終敗給一位僅有 4 年經(jīng)驗(yàn)、卻善用 Copilot、GPT-4 的后輩，后因不愿拒絕使用輔助代碼工具，只想寫可控的代碼，慘遭面試淘汰，而后者輕松拿到了全職 Offer。
AI 時(shí)代，如果還在 100%手寫代碼，那可就 OUT 了。經(jīng)過大多數(shù)使用者的測試，使用 AI 輔助編碼，可以提升 20%以上 的編碼效率。讓我們從重復(fù)的代碼中解放出來。
不過 AI 輔助編碼工具這么多，應(yīng)該用哪個(gè)呢？本文給大家介紹下我的選擇。
本文結(jié)構(gòu)
一、AI 輔助編碼能力一覽
1.1、代碼自動補(bǔ)全功能
1.2、代碼分析與操作
1.3、根據(jù)需求生成代碼
二、AI 輔助工具對比
2.1、功能對比
2.2、使用推薦?。?！
三、Github Copilot 使用指南
3.1、Copilot 功能一覽
3.2、Copilot 付費(fèi)
3.3、代碼安全性問題
四、Codeium 功能一覽
4.1、代碼安全性問題
4.2、Codeium 的收費(fèi)
五、總結(jié)
一、AI 輔助編碼能力一覽
首先我們看看 AI 輔助編碼都能干什么？常見的 AI 輔助編碼工具，會提供下列三類能力
看文字 Get 不到它的神奇？那我們來看看實(shí)際的演示效果
1.1、代碼自動補(bǔ)全功能
當(dāng)我們輸入完注釋后，代碼便自動彈出，按 Tab 鍵即可補(bǔ)全
1.2、代碼分析與操作
選中一段代碼后，輸入對應(yīng)的操作指令（例如增加注釋、代碼調(diào)優(yōu)等），便會對選中的代碼進(jìn)行對應(yīng)的調(diào)整。
1.3、根據(jù)需求生成代碼
跟 AI 說 “請幫我用 antd 寫一個(gè)表格”， 隨后回復(fù)對應(yīng)內(nèi)容，一鍵插入到編輯器中
縱觀所有的 AI 輔助編碼工具，提供的能力大體為上述三類，接下來我們看看不同的 AI 工具具體能力如何。
二、AI 輔助工具對比
我們對比了 Github Copilot、 Codeium、 Code Whispere、 CodeGeex 和 Bito 這五款輔助編碼工具，結(jié)果如下：
2.1、功能對比
| 對比項(xiàng) | Copilot | Codeium | Code Whispere | CodeGeex | Bito |
|---|---|---|---|---|---|
| 模型 | OpenAI 的 GPT-3 | 自研 | 自研 | 自研 | OpenAI 的 GPT-4 |
| IDE 集成支持 | 支持 | 支持 | 部分支持 | 部分支持 | 部分支持 |
| 代碼自動補(bǔ)全 | ? | ? | ? | ? | ? |
| 自然語言生成代碼 | ? | ? | ? | ? | ? |
| 生成單元測試 | ? | ? | ? | ? | ? |
| 解釋/優(yōu)化代碼 | ? | ? | ? | ? | ? |
| 生成注釋 | ? | ? | ? | ? | ? |
| 代碼轉(zhuǎn)換翻譯 | ? | ? | ? | ? | ? |
| 收費(fèi)情況 | 收費(fèi) | 免費(fèi) | 免費(fèi) | 免費(fèi) | 免費(fèi) |
| 代碼安全性 | 安全 | 一般 | 安全 | 安全 | 一般 |
2.2、使用推薦
經(jīng)過實(shí)際的體驗(yàn)，我認(rèn)為最好用的收費(fèi)和免費(fèi)的工具分別是 Github Copilot 和 Codeium
| 適用角色 | 免費(fèi)工具推薦 | 收費(fèi)工具推薦 |
|---|---|---|
| 前端、后端、客戶端 | Codeium | Github Copilot |
它們的官網(wǎng)如下：
-
Codeium：https://codeium.com/ -
Github Copilot：https://github.com/features/copilot/
從功能的豐富度和生成代碼的可用性來說，兩者都有較好的表現(xiàn)。相對來說 Github Copilot 更勝一籌，不過 Codeium 是免費(fèi)的，真香！
其它幾個(gè)工具相對來說還是存在一些不足之處：
-
Code Whispere的不足
-
代碼生成的準(zhǔn)確性比較低 -
會生成語法錯誤的代碼 -
中文容易亂碼
-
CodeGeex的不足
-
代碼生成慢 -
準(zhǔn)確性低
三、Github Copilot 使用指南
Github Copilot 的使用教程，網(wǎng)絡(luò)上很多了，這里我挑幾個(gè)重點(diǎn)給大家介紹下。
3.1、Copilot 功能一覽
Github Copilot 主要功能有
這些功能有這三個(gè)不同的插件來實(shí)現(xiàn)
-
GitHub Copilot -
GitHub Copilot Labs -
GitHub Copilot Chat
3.2、Copilot 付費(fèi)
訪問 Github Copilot 官網(wǎng)，有費(fèi)用說明：https://github.com/features/copilot，個(gè)人用戶10美元/月
用起來不便宜，不過也有一些免費(fèi)用的方式
-
Copilot 目前并沒有限制一個(gè)設(shè)備只能使用一個(gè)賬號，所以可以跟周圍小伙伴一起購買一個(gè)賬號來使用。 -
Copilot 對于開源貢獻(xiàn)者和學(xué)生免費(fèi)，如果是你 GitHub 上面最流行的那部分開源項(xiàng)目的貢獻(xiàn)者或者是認(rèn)證的過的學(xué)生，那么可以免費(fèi)使用 Github Copilot.
3.3、代碼安全性問題
Copilot 默認(rèn)所有代碼上下文通過 https 傳到云端（微軟的服務(wù)器），微軟的隱私保護(hù)政策里承諾不會有任何代碼被泄露，詳見 https://docs.github.com/en/site-policy/privacy-policies/github-copilot-for-business-privacy-statement#code-snippets-data
但如果在公司里使用，還是建議大家關(guān)閉代碼上傳功能
關(guān)閉方法：在登錄 Github 后，訪問 https://github.com/settings/copilot，取消勾選 Allow GitHub to use my code snippets for product improvements *，如下圖
四、Codeium 功能一覽
Codeium 的使用方法，網(wǎng)絡(luò)上也有很多教程了，推薦這篇：https://mp.weixin.qq.com/s/3EtQUnq1peEiqUi-zLkObg
Codeium 的主要功能有
4.1、代碼安全性問題
如果項(xiàng)目中如果包含隱私信息，那么需要在個(gè)人主頁中勾選 “Disable code snippet telemetry” 勾選后部分功能無法使用，這部分根據(jù)項(xiàng)目實(shí)際情況來判斷，代碼中如果不包含敏感信息，例如賬號密碼等，就影響不大。
4.2、Codeium 的收費(fèi)
Codeium 是免費(fèi)的，但提供付費(fèi)增值服務(wù)。
五、總結(jié)
最后，如果你還沒用過 AI 輔助編碼工具，希望這篇文章能讓你更快的用起來~
Node 社群
我組建了一個(gè)氛圍特別好的 Node.js 社群，里面有很多 Node.js小伙伴，如果你對Node.js學(xué)習(xí)感興趣的話（后續(xù)有計(jì)劃也可以），我們可以一起進(jìn)行Node.js相關(guān)的交流、學(xué)習(xí)、共建。下方加 考拉 好友回復(fù)「Node」即可。
“分享、點(diǎn)贊、在看” 支持一下