动态

详情 返回 返回

文心快碼實測Markdown排版工具開發 - 动态 详情

作者簡介:獨立開發者、行業觀察員,”前端之虎“陳隨易,AI編程深度使用者,代碼AI含量80%以上。

最近有個好友問我,有沒有一個適合國內程序員使用,符合國內用户習慣的的AI編程工具啊。我想了一圈,腦海裏蹦出四個字:文心快碼。

因為剛好最近看到一篇文章,就是9月9日,文心快碼全新升級 3.5S (Super Synergistic AgentS) 版本,打造 多智能體自協同引擎,讓智能體之間真正實現自主協作、共同完成任務,全面滿足當下開發者的三大核心需求:通曉項目環境,駕馭複雜任務,實現高效體驗。簡而言之就是,提供最強的能力,同時用起來也簡單高效,具體我們詳細嘮嘮。

01 下載安裝

安裝方式很簡單,在 VSCode 擴展裏搜索 文心快碼 即可。文心快碼 還支持 JetBrains、Visual Studio、Xcode、Eclipse 等,在對應的編輯器中搜索 Baidu Comate 即可。

如果你更喜歡獨立的工具,也可以下載 Comate AI IDE,下載地址:https://comate.baidu.com/zh/download

總而言之,你想要的,它,都有。

02 基本使用

插件安裝完畢後,我建議大家打開右側面板,把 文心快碼 拖動到右側一直顯示,更加方便。


插件啓動後,會自動給我們的函數增加 代碼解釋、函數註釋、調優建議、行間註釋 等快捷功能,非常人性化的設計。

當我點擊 解釋代碼,對當前函數的解釋非常詳細,面面俱到,生怕你不理解。

點擊 函數註釋 和 行間註釋,精準且準確地給函數和代碼提供了註釋説明。同時,代碼自動補全非常快速,毫無卡頓。所以我説,為什麼這是適合 中國寶寶的AI編程工具,因為 大道至簡 是刻在我們文化裏的符號,文心快碼 它做到了。

03 功能界面

另外,文心快碼 的界面設計,也是我非常喜歡的。

咱們來看看實際效果,給我的第一印象就是:簡潔高效。界面設計識別度高,文字和編輯有非常明顯的區分和層次,讓人一眼就能看到 這個工具到底在做什麼,適合想對AI編碼過程有一個大概把控的開發者

另外,TODO (任務) 列表,也是文心快碼的基本功能,現在如果一個AI編程工具還沒有提供任務列表功能的話,那麼準確度會大打折扣

為了進一步方便開發者,文心快碼提供了各司其職的 Agents。

如圖,是各個 Agent的主要側重方向,我們根據不同的需求、不同的任務,可以用不同的 Agent 來處理,可以更加準確地解決問題。

04 案例實操

説了這麼多,我們來看看實操效果。我做技術自媒體快2年了,接觸和認識了很多技術博主,有一個問題隔一段時間就會有人問我,Markdown 文件排版美化怎麼做?我發出去的文章,排版太醜了。 那正好,咱們就用 文心快碼 來寫一個 Markdown 排版工具。

寫一個網頁版 markdown 公眾號排版工具,要求用 vue3+scss+vite 實現,不要用任何 UI 框架,不要用 nodejs npm pnpm 來運行和安裝依賴,全部用 bun 來運行和安裝依賴,不要自行測試,運行腳本命令,由我自己來手動運行看效果。請提供合理的佈局,至少有一個 markdown 源碼視圖,有一個 markdown 渲染視圖,可以選擇多種排版方案和主題,至於具體的排版,設計等,你自己根據理解判斷吧,一定要界面美觀,優雅,體驗良好,操作方便,開始吧。

這是我的提示詞。


丟到輸入框、回車,文心快碼咔咔一頓寫,有一個能明顯感覺到的好處就是,文心快碼 的 卡點 特別少。 我用其他 AI 工具,一會就要我點擊一下確認按鈕,而文心快碼開始工作後,那簡直是不知疲倦的永動機啊。任何問題、報錯,它都會自行檢測、修復、完善,全程我都在看電視劇。

看了一會電視劇,我回來一看,好傢伙,項目完成了,具體的過程,都給你説得明明白白的

接着又處理了幾個報錯問題後,咱們的 Markdown排版美化工具完成了!

複製到公眾號效果

複製到稀土掘金效果

複製到知乎效果

那都是相當哇噻的。

綜合體驗下來,我覺得 文心快碼 挺好用,界面體驗人性化、基礎功能豐富、生成效果有驚喜,值得大家體驗和入手。

user avatar alibabawenyujishu 头像 haoqidewukong 头像 vanve 头像 blbl-blog 头像 jilodream 头像 xinggandemuer_b5u1v2 头像 gushiio 头像 dunizb 头像 yuzhihui 头像 daqianduan 头像 candy_68fb0dfb0afd0 头像 weidewei 头像
点赞 84 用户, 点赞了这篇动态!
点赞

Add a new 评论

Some HTML is okay.