通義靈碼:@workspace 和 @terminal 新功能實戰

申公豹發表於2024-11-08

通義靈碼一週年測評:@workspace 和 @terminal 新功能體驗分享

我是一位前端開發工程師,用通義靈碼輔助專案開發和程式碼管理工作。最近體驗了通義靈碼的新功能@workspace和@terminal,快速上手專案和提升開發效率。以下是我的具體測評和使用心得。

知識點必備

官網:https://tongyi.aliyun.com/lingma

通義靈碼的@workspace功能為開發者帶來了全新的編碼體驗。透過深度感知使用者的程式碼庫,@workspace能夠更精準地理解使用者需求,協助開發者快速上手新專案。無論是瞭解專案結構、查詢實現邏輯,還是實現新需求,@workspace都能提供有力的支援。它使開發者能夠用自然語言描述需求,從而快速找到解決方案,消除陌生感,提高編碼效率。

通義靈碼的@terminal功能也是一項非常實用的工具。它能夠幫助開發者解決執行指令時遇到的問題,無論是生成所需命令還是解釋指令含義,@terminal都能提供智慧的幫助。透過自然語言描述指令訴求,開發者可以輕鬆獲得所需的命令,並可以選擇一鍵插入到terminal中執行,或者讓通義靈碼繼續解釋指令的含義和用法。這使得開發者在執行指令時更加得心應手,提高了編碼的準確性和效率。

image.png

1. 使用通義靈碼@workspace熟悉專案程式碼

在編輯器中安裝通義靈碼完成後,我們可以直接輸入/選擇@workspace即可使用這個新功能,如下圖。

image.png

這是我的專案原始碼:

image.png

提問:

@workspace 幫我分析一下這個簡歷網站的原始碼資料夾中每個檔案的作用

image.png

回答如下:

這個簡歷網站的原始碼資料夾包含多個檔案,每個檔案都有特定的功能和內容。以下是每個檔案的詳細說明:

簡歷\css 資料夾
這個資料夾包含多個CSS樣式檔案,每個檔案提供了不同風格的樣式表。例如:

style.default.css
style.green.css
style.pink.css
style.blue.css
這些樣式檔案主要用於定義網頁的佈局、顏色和其他視覺效果。

簡歷\js 資料夾
這個資料夾包含JavaScript檔案,例如:

demo.js
js-cookie.js
leaflet.js
theme.js
這些JavaScript檔案用於實現網頁的互動功能和動態效果。

html\icons 資料夾
這個資料夾包含一個HTML檔案和一個CSS檔案,例如:

demo.html
styles.css
這些檔案主要用於展示圖示和相關樣式。

html\js 資料夾
這個資料夾包含JavaScript檔案,例如:

demo.js
front.js
js-cookie.js
這些JavaScript檔案可能用於實現特定頁面的互動功能。

簡歷 資料夾
這個資料夾包含HTML檔案,例如:

index.html
test.html
這些HTML檔案定義了網頁的結構和內容。

html\css 資料夾
這個資料夾包含多個CSS樣式檔案,與簡歷\css資料夾類似,這些檔案提供了不同風格的樣式表。

html 資料夾
這個資料夾包含多個HTML檔案,例如:

detail.html
index.html
test.html
text.html
這些HTML檔案定義了網頁的結構和內容。

總結
整體而言,這個專案包含了多個資料夾,每個資料夾都有特定的功能和內容。從樣式表到JavaScript檔案,再到HTML檔案,它們共同構成了整個專案的結構和功能。

我對上文回答的評價如下:

通義靈碼的回答十分出色,展示了清晰的邏輯結構和專業的程式碼分析能力。她對專案資料夾和檔案的功能逐一解析,詳略得當且層次分明,能夠精準地指出每類檔案的用途,如CSS用於視覺樣式、JavaScript實現動態互動、HTML定義網頁結構等。回答既全面又不失簡潔,最後的總結更是將整個專案的架構清晰地概括出來,使人一目瞭然。這種回答方式高效且易於理解,充分體現了通義靈碼在程式碼結構分析方面的專業優勢。

通義靈碼的@workspace功能為我的開發體驗帶來了顯著的改變。作為一名經常處理多種專案的開發者,我時常需要管理大量程式碼檔案和模組依賴關係,而@workspace的引入讓我能夠快速理清專案結構與程式碼關係,大大提升了開發效率。

在專案概覽方面,@workspace可以快速生成專案結構的視覺化圖示,清晰標註出核心模組和檔案之間的關係,這對新成員的專案入門或複雜專案的理解都極為有用。

程式碼導航變得更加便捷,它允許我在不同模組間輕鬆切換,特別適合在大型專案中進行程式碼梳理時使用。以具體例項為例,在一個新需求開發中,我利用@workspace輕鬆定位到相關程式碼模組並迅速瞭解呼叫鏈路,相較於手動查詢和跟蹤程式碼的方式,效率提高了近一倍。

使用效果總結

在實際專案中,@workspace功能為我節省了至少30%的專案理解和梳理時間,使得在需求分析階段的效率顯著提升。我能更快速地找到核心程式碼和關鍵流程,大大縮短了新需求開發的準備時間。

2. 藉助@terminal實現高效程式碼互動

@terminal功能對於我這樣的開發者來說更是“錦上添花”。透過內建的命令列介面,我可以直接在IDE中執行程式碼、管理檔案和配置系統環境,甚至還能執行和除錯程式碼,大大提升了日常開發的便利性。

使用方法,直接輸入@terminal即可。

提問:

幫我寫一個指令碼,讓其可以重新整理網站

image.png

我們可以直接將回答插入終端

image.png

如下

image.png

@terminal 功能真是極大提升了開發效率,特別是對於開發者而言,它的便利性不可小覷。透過內建的命令列介面,我可以直接在IDE中執行程式碼、管理檔案、配置環境,甚至執行和除錯程式碼。這種無縫整合的工作流程,節省了大量切換工具的時間,使得開發過程更加流暢高效。特別是在需要快速除錯或執行指令碼時,能夠直接插入命令並得到實時反饋,大大提高了開發效率和靈活性。總的來說,@terminal不僅最佳化了開發體驗,還讓日常工作更加高效便捷,是開發者必不可少的得力工具。

通義靈碼的@terminal功能進一步提升了開發和除錯的效率,讓我能夠在IDE中直接執行Shell命令,無需頻繁切換到外部終端,實現了快速部署和除錯。此外,AI驅動的命令列補全功能能智慧識別並補全常用命令,特別是在長命令列輸入時減少了出錯的機率,大大降低了手動輸入的工作量。在一次介面部署除錯中,我利用@terminal快速除錯API介面,實時檢視響應資料和錯誤日誌,整個流程更加流暢,錯誤定位和修復比以前快了約40%。

使用效果總結

@terminal功能讓我可以集中精力在程式碼編寫上,不用再因頻繁切換工具而分心。整體使用體驗非常流暢,操作速度和便捷性都大幅提升。


總結

通義靈碼的@workspace和@terminal功能為開發者帶來了全新的高效開發體驗。@workspace透過智慧化的專案結構分析,讓開發者能夠快速理解和梳理程式碼庫結構,顯著提升了專案上手和需求分析的效率。它不僅便捷地提供資料夾與檔案的功能解析,還能透過清晰的專案結構視覺化,幫助開發者快速定位核心模組,最佳化了程式碼管理流程。

@terminal則為開發提供了內建的命令列操作環境,方便執行、除錯程式碼和管理系統配置,大大減少了在IDE與終端之間切換的需求。AI驅動的命令補全功能提升了命令執行的準確性和速度,極大地提升了日常工作效率。在程式碼互動和快速除錯中,@terminal發揮了重要作用,為開發者帶來了前所未有的便捷體驗。

這兩項新功能有效提高了專案開發和管理的效率,為開發者提供了全面而靈活的輔助。通義靈碼正在成為前端開發者的得力助手,最佳化了開發體驗,顯著縮短了開發時間,是值得推薦的開發利器。

image.png

希望未來通義靈碼能提供更多自動化的AI輔助功能,期待它能在程式碼審查、最佳化等方面提供更多智慧化支援。

相關文章