方格精選

🚀 Cursor 編輯器:無縫整合 VS Code,讓 AI 幫你寫程式|安裝與操作教學

Rin 梨子-avatar-img
發佈於數位百寶袋 個房間
更新於 發佈於 閱讀時間約 5 分鐘

你還在 VS Code 中複製程式碼貼到 ChatGPT,再複製回來嗎?現在,該換上更聰明的工具了!

Cursor 是一款專為開發者設計的 AI 強化編輯器,以 VS Code 為基礎進行重構,結合 VS Code 核心功能與強大的 AI 功能,讓寫程式變得更快、更聰明。


👩‍💻 為什麼選擇 Cursor?

  • 🖱️ 內建 AI 編輯功能:直接選取程式碼、輸入提示詞,AI 幫你修改、重構或補全。
  • 🧩 整合 VS Code 操作體驗:延續 VS Code 熟悉的快捷鍵與介面,使用無痛轉換。
  • 🤖 多種 AI 模型:支援最新 GPT-4.1、Claude 4 Sonnet 等,也能自訂 API Key。
  • 💬 雙模式操作:Chat 模式對話查詢、Edit 模式精準修改程式碼。
  • 提升開發效率:從查錯、補程式到自動寫測試,開發速度明顯加快。

✨ 誰適合用 Cursor?

  • 正在學程式的新手:可以邊寫邊問、邊改邊學。
  • 想快速完成開發的工程師:效率提升至少 2 倍。
  • 自架部落格:用 markdown 改文章潤稿、改寫,快速提升文章品質和效率。

🧚 Cursor 安裝流程

1️⃣ 前往官方網站 👉 https://cursor.com

下载 Cursor

下载 Cursor


下載安裝(支援 macOS / Windows / Linux)後,打開程式。

Cursor 登入

Cursor 登入

登入帳號時,系統會自動開啟瀏覽器進行登入,完成後回到程式,會詢問是否從 VS Code 匯入設定,接著可以選擇佈景主題。

Cursor 匯入 VS Code

Cursor 匯入 VS Code

這段因為我有用 VS Code ,就直接按下匯入我的插件與設定。

Cursor 匯入 VS Code

Cursor 匯入 VS Code

接下來繼續選擇繼續。

raw-image

這是 Cursor 編輯器的資料分享同意頁面,請勾選核取方塊:「我同意 Cursor 從我的程式碼中學習,或者我會在設定中關閉它」後,按下繼續。

預設情況下,Cursor 會從程式碼中學習,以提供最佳的使用體驗。
使用者擁有控制權,可以隨時在設定中關閉這項功能
Data Sharing

Data Sharing

設定 Language for AI(AI 語言設定)為「Chinese (Traditional)」(繁體中文),下方則是安裝終端機使用 cursor 命令來開啟編輯器,這邊我先跳過,按下「繼續」。

Review Settings

Review Settings

接下來就成功開啟 cursor 啦!🥳

介面左邊可以開啟專案,右邊就是 AI 對話視窗。

cursor 介面

cursor 介面

開啟專案後,如果你有使用 VS Code 過的話,就會發現該有的介面和插件都無縫整合在裡面,使用起來非常方便。


🧪 基本設定

在視窗右上角可以進到設定,在這裡你可以更改隱私權,也可以看到目前支援的模型列表,可以看到支援最新的 claude 4 sonnet 模型。

cursor 模型列表

cursor 模型列表


規則這邊你可以加入使用者規則或是專案規則,會包含在對話的上下文中,像這邊就已經把回覆繁體中文的規則加入了,你可以自由新增。

cursor Rules

cursor Rules


👩‍💻實際操作

🧪 修改程式

以下是一個之前請 Gemini 寫的蕃茄時鐘,已經具備該有的功能,可是樣式有點簡單。

先輸入提示詞 請幫我新增吸引人的樣式,增加文青感與可愛的蕃茄圖示。

cursor 對話

cursor 對話

上方可以加入指定檔案和前面提到的規則,下方則可選擇模型,或設定為 Auto 讓系統自動選擇最佳模型,還能上傳圖片供它參考。

接著送出提示詞就開始修改啦,修改過程中 AI Chat 會告訴你它改了哪裡,這時,你就當一個 Review 別人寫程式的工程師就好!確認無誤後按下 Accept 接受更改即可

就可以看到以下這個樣式更新啦!是不是很可愛呢!

cursor 修改程式碼

cursor 修改程式碼


除了寫程式,你還可以問它問題、分析文件、撰寫文章,發揮創意,讓它成為你完成專案的好夥伴!

💰 關於費用

根據 cursor 官方定價頁面,目前個人可有限用使用,免費試用兩週的Pro 版。如果覺得不夠用,可以升級到 Pro 版,每月 $20 美元。

cursor 定價

cursor 定價


👩‍💻 使用心得

Cursor 使用起來非常直覺,介面也很像 VS Code,減少了學習負擔。像是之前介紹過的 Zed 編輯器,缺少我在 VS Code 常用的豐富插件,使用上較為不便。而 Cursor 支援多種模型,品質穩定,無論是修改程式碼、重構邏輯,還是撰寫說明文件,都能大幅提升開發效率。不過相比 Zed,不知道為什麼 Cursor 感覺錯誤率稍高,需要多次請它修正。整體來說,Cursor 依然是值得推薦的開發好幫手!

延伸文章:
AI 幫我寫程式,開發神器:Zed 編輯器,免費使用最新 Claude Sonnet 4!


🔎 本文內容以撰寫當下的工具與版本為主,未來若有更新,功能可能略有不同。如有錯誤或補充,歡迎留言協助修正,我會持續更新!



留言
avatar-img
留言分享你的想法!
avatar-img
AppLab 數位研究社
7會員
25內容數
I'm Rin 梨子,喜好研究各種數位科技,同時又愛好看劇、偶爾看看書,這裡會不定期分享實用的數位工具與資訊、溫暖且動人的作品與各種生活新知。
AppLab 數位研究社的其他內容
2025/06/27
✅ 什麼是 Gemini CLI? Google 的 Gemini CLI 是一款可以在終端機中與 Gemini AI 模型互動的工具。 你可以像在聊天一樣問問題、請它改程式、解釋錯誤、幫你寫 README 等等,非常適合開發者! 🔧 安裝 Gemini CLI 請打開終端機輸入以下指令
Thumbnail
2025/06/27
✅ 什麼是 Gemini CLI? Google 的 Gemini CLI 是一款可以在終端機中與 Gemini AI 模型互動的工具。 你可以像在聊天一樣問問題、請它改程式、解釋錯誤、幫你寫 README 等等,非常適合開發者! 🔧 安裝 Gemini CLI 請打開終端機輸入以下指令
Thumbnail
2025/06/25
如果你是一位開發者,正在尋找一款 速度快、支援多人協作、還內建 AI 助手 的新世代編輯器,那你一定不能錯過 Zed。 Zed 是由 Atom 編輯器與 Tree-sitter 團隊成員共同開發的新一代程式碼編輯器。它不只強調極速與極簡的使用體驗,更重要的是:現在可以免費使用 Claude 模型
Thumbnail
2025/06/25
如果你是一位開發者,正在尋找一款 速度快、支援多人協作、還內建 AI 助手 的新世代編輯器,那你一定不能錯過 Zed。 Zed 是由 Atom 編輯器與 Tree-sitter 團隊成員共同開發的新一代程式碼編輯器。它不只強調極速與極簡的使用體驗,更重要的是:現在可以免費使用 Claude 模型
Thumbnail
2025/06/19
不會畫畫也沒關係,Piclumen 就像「有介面的影像生成助理」,只要簡單輸入提示詞,就能快速生圖,還能上傳圖片,幫你的角色換上各種風格造型——從日系清新、復古像素,到未來科技感通通沒問題!如果你喜歡玩圖、又懶得研究複雜參數,這個工具保證讓你愛不釋手。
Thumbnail
2025/06/19
不會畫畫也沒關係,Piclumen 就像「有介面的影像生成助理」,只要簡單輸入提示詞,就能快速生圖,還能上傳圖片,幫你的角色換上各種風格造型——從日系清新、復古像素,到未來科技感通通沒問題!如果你喜歡玩圖、又懶得研究複雜參數,這個工具保證讓你愛不釋手。
Thumbnail
看更多
你可能也想看
Thumbnail
孩子寫功課時瞇眼?小心近視!這款喜光全光譜TIONE⁺光健康智慧檯燈,獲眼科院長推薦,網路好評不斷!全光譜LED、180cm大照明範圍、5段亮度及色溫調整、350度萬向旋轉,讓孩子學習更舒適、保護眼睛!
Thumbnail
孩子寫功課時瞇眼?小心近視!這款喜光全光譜TIONE⁺光健康智慧檯燈,獲眼科院長推薦,網路好評不斷!全光譜LED、180cm大照明範圍、5段亮度及色溫調整、350度萬向旋轉,讓孩子學習更舒適、保護眼睛!
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
程式設計與技術能力 在現代社會中的重要性越來越明顯,尤其是在人工智能(AI)和自動化技術迅速發展的背景下。理解編程語言,如Python、R等,以及熟悉相關技術架構和工具,能夠幫助個人在這樣的環境中更好地工作。這種能力不僅對技術專業人士至關重要,也對非技術領域的人士日益重要,因為基礎的程式設計知識已
Thumbnail
程式設計與技術能力 在現代社會中的重要性越來越明顯,尤其是在人工智能(AI)和自動化技術迅速發展的背景下。理解編程語言,如Python、R等,以及熟悉相關技術架構和工具,能夠幫助個人在這樣的環境中更好地工作。這種能力不僅對技術專業人士至關重要,也對非技術領域的人士日益重要,因為基礎的程式設計知識已
Thumbnail
要做會議記錄或課程筆記,想做逐字稿卻苦於打字速度不夠快嗎?錄音再慢慢回放浪費時間又容易恍神?這篇文章包你滿意,不用再浪費時間爬文了,你需要的逐字稿神器在這裡,保母級教學!
Thumbnail
要做會議記錄或課程筆記,想做逐字稿卻苦於打字速度不夠快嗎?錄音再慢慢回放浪費時間又容易恍神?這篇文章包你滿意,不用再浪費時間爬文了,你需要的逐字稿神器在這裡,保母級教學!
Thumbnail
網址:https://gadget.chienwen.net/x/text/articlecut 這個網頁裡面有許多小工具, 但感覺現在有很多被 AI 取代掉的東西, 推薦大家可以來用看看~
Thumbnail
網址:https://gadget.chienwen.net/x/text/articlecut 這個網頁裡面有許多小工具, 但感覺現在有很多被 AI 取代掉的東西, 推薦大家可以來用看看~
Thumbnail
理解一個全新的操作環境有時候可能是一個挑戰,尤其對於那些剛開始接觸VS Code的開發者來說,即便具備一定的英文閱讀能力,可能也會對這個陌生的操作環境感到徬徨和不安。不過,沒有必要擔心,我們接下來就來一起用短短的一分鐘時間,將VS Code轉換成最熟悉的中文環境吧! 安裝繁體中文語言包 由於VS
Thumbnail
理解一個全新的操作環境有時候可能是一個挑戰,尤其對於那些剛開始接觸VS Code的開發者來說,即便具備一定的英文閱讀能力,可能也會對這個陌生的操作環境感到徬徨和不安。不過,沒有必要擔心,我們接下來就來一起用短短的一分鐘時間,將VS Code轉換成最熟悉的中文環境吧! 安裝繁體中文語言包 由於VS
Thumbnail
因為最近想嘗試編碼風格,於是就選了一套比較"不嚴格"的輔助工具來摸索。 編輯器 VS CODE 框架 VUE3 打包工具 VITE 編碼風格 Standard 環境 version { "nodejs":"v18.18.0", "npm":"9.8.1" }
Thumbnail
因為最近想嘗試編碼風格,於是就選了一套比較"不嚴格"的輔助工具來摸索。 編輯器 VS CODE 框架 VUE3 打包工具 VITE 編碼風格 Standard 環境 version { "nodejs":"v18.18.0", "npm":"9.8.1" }
Thumbnail
Echobase的AI段落生成器是一個尖端的工具,旨在革新您創建內容的方式。這個強大的、免費使用的生成器利用先進的人工智能來製作引人注目的、SEO優化的段落,簡化您的寫作過程,提高您作品的質量。
Thumbnail
Echobase的AI段落生成器是一個尖端的工具,旨在革新您創建內容的方式。這個強大的、免費使用的生成器利用先進的人工智能來製作引人注目的、SEO優化的段落,簡化您的寫作過程,提高您作品的質量。
Thumbnail
今天來分享一個好像有點廢的小技巧 把網頁變成可以直接用來打字的文字編輯器
Thumbnail
今天來分享一個好像有點廢的小技巧 把網頁變成可以直接用來打字的文字編輯器
Thumbnail
VS code是什麼? Visual Studio Code(通常縮寫為VS Code)是微軟開發的一款免費且開源的跨平台文本編輯器。它支持廣泛的編程語言,提供了一系列先進功能和插件,讓開發者能更有效率地進行代碼編寫。VS Code擁有優秀的代碼自動完成、錯誤偵測、內建的版本控制系統等特性。
Thumbnail
VS code是什麼? Visual Studio Code(通常縮寫為VS Code)是微軟開發的一款免費且開源的跨平台文本編輯器。它支持廣泛的編程語言,提供了一系列先進功能和插件,讓開發者能更有效率地進行代碼編寫。VS Code擁有優秀的代碼自動完成、錯誤偵測、內建的版本控制系統等特性。
Thumbnail
第 17 天:使用過哪一款超好用的數位軟體,以及推薦理由。 那麼,今天就來跟大家介紹幾個我工作上常用的工具好了!
Thumbnail
第 17 天:使用過哪一款超好用的數位軟體,以及推薦理由。 那麼,今天就來跟大家介紹幾個我工作上常用的工具好了!
Thumbnail
Plus 一款能替你的 Notion 增色不少的外掛工具,讓你可以更進一步地定制和優化你的工作與學習流程。在這篇教學中,我將向你介紹如何使用 Plus ,並推薦三個可以融入你工作流程的小工具,包括擁有紐約時報每日最新消息畫面、擷取試算表圖表,以及如何透過 Plus AI 為你自動化地生成簡報。
Thumbnail
Plus 一款能替你的 Notion 增色不少的外掛工具,讓你可以更進一步地定制和優化你的工作與學習流程。在這篇教學中,我將向你介紹如何使用 Plus ,並推薦三個可以融入你工作流程的小工具,包括擁有紐約時報每日最新消息畫面、擷取試算表圖表,以及如何透過 Plus AI 為你自動化地生成簡報。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News