Cursor簡單入門
本文作者為 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 可以大大提高工作效率。
需要注意的是,雖然可以通過語言來生成程式碼,但目前還不完美,如果生成的程式碼不太符合要求,可以優化自己的表達,交代再清楚一些;也可以嘗試重新生成;還可以通過對話讓它不斷優化調整以便符合你的要求。估計未來人工智慧將帶來開發工具的更大變革。還有注意資料安全,不要將敏感資料和程式碼貼出來,以減少洩露風險。而且這些修改和建議只是參考,自己要注意甄別! 人工智慧的時代已經來臨,讓人工智慧工具成為我們助手,提高開發效率。
未來:複製貼上工程師轉向提示工程師。
- Cursor簡單入門
- 深入瞭解 useMemo 和 useCallback
- electron-vite:輕鬆保護你的 Electron 原始碼
- 如何檢測 JavaScript 原生函式是否被打過 "猴子補丁"
- 初探Flutter跨端遊戲開發
- 奇舞週刊第 461 期 從根上理解 React Hooks 的閉包陷阱
- 如何不基於構建工具優雅的實現模組匯入?
- 2022年國內外前端發展態勢
- 奇舞週刊第 449 期 2022 年的 CSS 全覽
- 奇舞週刊第 446 期:Vue 效能指標逐漸開始反超 React 了!
- Node.js 結合 MongoDB 實現欄位級自動加密
- 奇舞週刊第 445 期: Web 頁面全鏈路效能優化指南
- 奇舞週刊第 444 期:淺談文件的實時協同編輯
- 前端算法系統練習: 棧和佇列篇
- 換個姿勢看 hooks !
- 奇舞週刊第 442 期:Amazing!巧用 CSS 視差實現酷炫互動動效
- Node.js 進階 - 多檔案 Stream 合併,序列和併發兩種模式實現
- React 18 帶給我們的驚喜
- pnpm 原始碼結構及除錯指南
- CSS國際化