豆包MarsCode國慶獻禮,輕鬆開發開發一款電子賀卡製作工具

程序员晓凡發表於2024-10-01

大家好,我是曉凡。

作為一名搬了很多年磚的碼農,深知求職和程式設計路上的各種辛酸與艱辛。

你是否也曾在面試前夜,瘋狂刷題卻完全記不住,收效甚微?

是否也曾在深夜凌晨一個人對著電腦螢幕,苦苦思索一個bug的解決方案?

是否看著前人留下的屎山程式碼而無從下手,最後也只能留下只要屎山不倒,就繼續接著碼的感嘆?

是否遇到問題,問度娘無門,花費一天時間,在低質量部落格裡找不到答案?

是否一邊痛恨別人不寫註釋,一邊又不想寫註釋?

是否感覺到程式碼都寫完了,還要再寫單元測試感覺到苦悶?

上面這些算是每個程式設計師抱怨最多的了吧。如果是,那麼今天的文章得認認真真看完,今天曉凡給大家安利的MarsCode基本上可以

幫您解決上面的大部分煩惱。

一、豆包MarsCode

豆包MarsCode是位元組跳動旗下基於豆包大模型孕育而生的 AI 程式設計助手,提供以智慧程式碼補全為代表的 AI 功能。

目前已經支援超過100種程式語言,相容我們常用的IDE VSCodeJetBrains 公司全家桶。

支援主流程式語言與IDE

官方地址:https://www.marscode.cn/home?utm_source=fangmaguolai&utm_medium=article&utm_campaign=chengxuyuanxiaofan

簡單介紹之後,接下來我們來看看豆包MarsCode 是怎麼幫助我們解決問題的?

二、線上程式碼練習

對於正在找工作的小夥伴來說,刷題可謂是少不了的。豆包MarsCode 提供了100道大廠面試題供我們練習。

2.2 進入刷題模式

①登陸上面提供的官方地址後點選【程式碼練習】

程式碼練習

② 我們就來到了100道題庫。

題目從易到難,哪裡不會我們點哪裡就可以了

官方準備的100道題庫

2.3 解答題目

進入答題介面,我們可以選擇答題語言,如果在答題種遇到不懂的還可以讓AI助手給我們一點思路提示,答題完之後,還可以進行debug除錯,執行程式碼檢視結果

① 切換語言

切換語言

② 解題思路

AI提供解題思路

③ 除錯程式碼

除錯程式碼

個人使用下來,覺得這樣的刷題模式更容易記住也更加靈活

三、IDE中安裝MarsCode 程式設計助手

前面我們提到可以在VSCodeJetBrains 全家桶中安裝

3.1 VSCode中安裝

目前下載量已經又101K 了

VSCode中安裝

3.2 JetBrains 中安裝

目前又61K下載量

image-20241001153254120

四、AI功能

為了方便,我們這裡就只以VSCode 為例來說明了,idea使用也是大同小異。

安裝完成後,登入(可以使用掘金賬號或者手機號登入)即可使用。

image-20241001154649743

4.1 程式碼補全功能

① 自動補全程式碼

程式碼補全1

② 根據註釋寫程式碼

根據註釋生成程式碼

4.2 程式碼生成

生成程式碼

4.3 程式碼解釋

解釋程式碼

4.4 為程式碼生成註釋

註釋程式碼

4.5 程式碼修復

下面程式碼中包含了除數為0的程式碼,我們讓AI來幫我們修復

程式碼修復

4.6 生成單元測試程式碼

日常開發中,一般都是需要開發人員寫完程式碼之後書寫單元測試用例的。這是AI就可以自動幫我們來生成了

單元測試

五、雲端IDE

顧名思義,豆包為我們提供了雲端IDE,以後我們系程式碼就不用本地安裝程式碼編輯器,不用配置各種環境了。而且IDE具備上述所說的所有AI功能。

聽起來就很牛皮,下面帶大家一起來體驗下

5.1 進入雲端IDE

①進入工作臺

進入工作臺

② 進入雲端IDE

進入雲端IDE

③ IDE主介面

IDE主介面

從上面主介面中我們可以看到AI IDE 支援從git匯入專案,或者從各種模板中建立專案.基本上各種主流的語言都支援.

接下來,我們利用豆包MarsCodeVue 開發一款電子賀卡製作工具

5.2 建立vue專案

① 以Vue模板建立一個e-cards專案

image-20241001170339331

專案結構

② 執行專案

基本不用什麼操作,3秒鐘一個vue專案就搭建完成了

執行專案

③ 開發一款電子賀卡製作工具

利用vue模板開發一款簡單電子賀卡製作工具,其中主要程式碼都是MarsCode自動生成的,效果如下.

開發一款電子賀卡製作工具

六 、小結

曉凡透過這波體驗下來,跟之前推薦的工具一樣,確實可以幫助程式設計師提升工作效率,節省時間。

但對於複雜的業務邏輯或者特定領域的編碼需求AI助手可能無法完全理解,有時可能提供不準確的建議。

過度依賴AI程式設計助手可能會減弱程式設計師自身解決問題的能力。

對此,小夥伴們怎麼看呢? 歡迎評論區討論.

本期內容到這兒就結束了 ★,°:.☆( ̄▽ ̄)/$:.°★

希望對您有所幫助. 我們下期再見 ヾ(•ω•`)o (●'◡'●)

感興趣的小夥伴趕緊戳 點我體驗MarsCode

相關文章