Cursor簡單入門

語言: CN / TW / HK

本文作者為 360 奇舞團前端開發工程師 董海

過去兩週,資訊量爆炸,其中一款名為 Cursor 的程式碼編輯器便已開始在技術圈內被瘋狂傳播。

Cursor 的官方長這個樣子:

它主打一個亮點:通過 GPT-4 來輔助你程式設計,完成 AI 智慧生成程式碼、修改 Bug、生成測試等操作。 利用 AI 強悍的程式設計能力,讓 Cursor 成為第一個吃上螃蟹的程式碼工具。短短數日,它便收穫了大量的開發者使用者。 同時,也有不少開發者通過它所內建的 Chat 功能,提前使用了 GPT-4。 可惜的是,由於該編輯器完全免費開放,再加上 GitHub Copilot X 的釋出,導致專案的運營成本越來越高。 於是 Cursor 選擇不再整合 GPT-4,也就是說,現在雖然 Cursor 還能用,但已經不基於 GPT-4 運行了。 好訊息是 Cursor 團隊這兩天已將程式碼開源到 GitHub 上了,有需求的開發者可自行定製。

安裝 & 使用

你需要先到官網下載安裝該軟體,目前它能支援的有 Windows、macOS、Linux 等主流作業系統。 下載地址:https://www.cursor.so/ 安裝完成之後,開啟 Cursor。 你會看到如下所示的介面。

使用快捷鍵 COMMAND + K,調出輸入框:

然後就可以開始你的 AI 之旅了。

先熱熱身,來個防抖:

在試試框架:

“用react實現表單,表單項有姓名、年齡、電話”

如果不太明白:

這個互動其實跟 ChatGPT 差不多,唯一區別較大的,就是 Cursor 提供了一個「Attempt Change」按鈕,點選該按鈕後可將變動直接應用到舊程式碼上。

豐富的環境支援,Cursor 不僅支援 JavaScript Python,還有:

除此之外,Cursor 還內建了命令列終端,讓專案具備更多操作方式。

本文只是一個使用 Cursor 的簡單示例,幫助大家如何安裝和使用。大家可以根據自己的業務,讓它幫你寫一些基礎的程式碼,利用好 Cursor 可以大大提高工作效率。

需要注意的是,雖然可以通過語言來生成程式碼,但目前還不完美,如果生成的程式碼不太符合要求,可以優化自己的表達,交代再清楚一些;也可以嘗試重新生成;還可以通過對話讓它不斷優化調整以便符合你的要求。估計未來人工智慧將帶來開發工具的更大變革。還有注意資料安全,不要將敏感資料和程式碼貼出來,以減少洩露風險。而且這些修改和建議只是參考,自己要注意甄別! 人工智慧的時代已經來臨,讓人工智慧工具成為我們助手,提高開發效率。

未來:複製貼上工程師轉向提示工程師。