Cursor新手入門教程01：基礎設置與配置｜設為中文、適合新手的Rules for AI、Feature配置等

大家好 今天是我們星球的第一期專屬視頻的內容 這期的爲了幫助大家進行入門 所以不會去用科瑟做任何的開發的工作 而是告訴你一些基礎的設置和配置層面的東西 所以如果你現在已經有比較多的科瑟編程經驗了的話 這期視頻你可能壓根就沒必要看了 對於新手來說 首先你得知道科瑟的網站是這個 你需要到這裏去進行下載 下載和安裝的這個步驟我就不做演示了 相信大家明白的都能明白 現在科瑟的這個網站和裏面使用AI功能的時候 基本上還是不需要翻牆的 但是它最近越來越不穩定 所以隨時會有被牆的這種風險 在這種情況下 你最好準備一些就是能讓你訪問外網的條件 這樣會更好一些 接下來你下載之後 你打開科瑟會是這麼一個界面 我全屏一下 你可以看到在整個面板的中間 它是讓你去打開不同的這個文件夾 如果你打開一個文件夾 那個文件就會是你對應項目的根目錄了 右上角有一些面板切換的這個方式 從左側你可以調調出這個 就是看文件夾 以及做一些基礎操作的這個面板 底下是你的終端 這個是跟你要做的項目有關的 右側也是實際做項目的時候纔有需要 接下來我們做的第一個操作 其實是你剛下載之後 可能看到的是一個英文的版本 所以你需要去下載一個能讓你的顯示變成中文的這個插件 對我們打開這裏去進行安裝 有時候這裏的那個Marketplace 有時候搜索會處在一些不穩定的狀態 所以你需要這裏進行下載 安裝完成之後 你看左下角會出來一個提醒 讓你切換語言和重啓 點擊重啓就好了 OK 我們現在看到上面大部分的這個內容都變成了中文的形式 可能還有一小部分是那個英文的 這個你不用管 然後左側我剛纔已經嘗試打開了一個項目 所以左側就是我自己的一個網站的項目列表 你會發現裏面的文件夾還有文件的內容非常多 所以這也是爲什麼Cursor相比QGPT還有Cloud來說 它是一個真正好用的一個幫你去做開發的工具 那些東西它沒有辦法去這麼深度的和你的網站的代碼去進行結合 你去選擇任何一個代碼去進行編輯 或者說你要一次性讓它寫很多代碼的信息 還有一個小細節可能需要跟大家講一下的是 你看到這裏其實它有非常成熟的插件市場 這個不是因爲Cursor做得非常好 而是因爲Cursor它本身是VSCode的一個分支 這是一個開源的代碼編輯器 也是大多數程序員會使用的一個代碼編輯器 Cursor它之所以要使用這個代碼編輯器 並且要套殼去做 你會發現這裏其實你還能搜到Github Copilot 因爲Github Copilot本來也是通過VSCode插件的形式存在的 Cursor把它做成了一個讓自己變成一個套殼的工具 這個對它來說的好處是 它對於整體的你的功能使用代碼使用的權限會更高一些 舉個例子來說 你在一個項目裏假設你要進行編輯的話 我來舉個例子 它現在Cursor在這種情況下 它能有的功能會完善的很多 就比如說舉個例子 它可以選中所有的代碼 當然這個不是代碼 而是一段內容 對這個內容我們其實也可以對它進行一個調整 就比方說 你可以看到按Cursor自己的那個說法 就是它選擇獨立應用 而非作爲一個擴展的原因是 這樣Cursor對編輯器的用戶界面 它會有更大的控制權 然後實現更高程度的AI集成 比方說他們現在的CursorTab 就是代碼補傳的功能和Command加K 選中一段代碼進行編輯的功能 它都是沒有辦法去僅僅作爲一個插件 去實現這個功能的 這個是他們選擇去套殼的一個原因 這個是你需要知道的一個小的信息 接下來你還需要去做一些Cursor相關的一些配置 有些功能是需要你自己來開啓的 Account 這裏理論上你會處在一個是沒有登錄的那個狀態 然後你需要Sign in去進行一個對應的登錄 這裏登錄如果你沒有註冊 你可以先註冊一個 或者直接選擇Continue with Google或者Github 其實它都會自動幫你完成這個註冊的動作 對 這樣登錄完成之後 你回到這個界面 對 現在就已經顯示已經登錄的這個狀態了 然後底下有一個Rules for AI 這個你可以理解爲類似於你使用QHBT的時候 QHBT有一個它的系統提示詞 你自己也可以去定義你自己想要的風格 這個Rules for AI其實也就是去定義你想要的 就是Cursor的表現的風格的一個方式 這個是我比較建議 如果你不是很有代碼的寫作經驗 或者說你之前可能原來是一個後端工程師 你不太有寫前端的經驗 這個是我比較建議的一個Rules for AI的這個方式 底下問你要不要包含那個.cursor rules 你可以把它打開 這個打開的情況下是說你的系統提示詞不可以 不只是可以寫到這裏 你也可以把它變成一個文件的方式 放在項目的這個根目錄中 這樣它就會同時遵守這裏 你寫的Rules for AI以及這個.cursor rules的所要求的規則 這裏Rules for AI的具體的內容 你可以通過我們的星球去獲取 你可以看到這裏這一條 你可以搜一下最適合新手的Rules for AI 我把我這裏寫的提示詞都直接放在這裏了 在這個情況下 它遵守的規則會是儘量讓它寫的東西能是比較簡單 你就可以實現的 然後它的開發習慣也會比較好 會先讀取以及生成redmi的那個文檔 告訴你它在做什麼 以及在寫代碼的時候 它會做好註釋 並且保持這個功能的獨立性 然後在設計方面 我也對它做了一些要求 給它設定了對應的角色 以及在一些需要圖像的場景下 我讓它去設計SVG的這個圖形 這樣你得到的網站相比你不寫這個提示詞 會相對來說更美觀一些 以及容易實現一些 你可以複製這個提示詞去進行對應的嘗試和測試 然後接下來我們再看一下model這裏 model這裏的我比較建議的是 因爲現在其實最好的就是cloud 3.5 sonnet這個模型 所以我建議你把比較差的模型都給關掉 省得它有點妨礙你 就這些其實GP4O可以留着 O1 Preview這個也可以留着 但是O1現在是你需要實際訂閱纔可以 免費的那個會員是不可以的 後面用自己的API Key 這個你都暫時不需要設置 我們直接使用免費的 就是Cursor提供的這個模型和額度就好了 我最建議使用的其實就是3.5 sonnet 以及最新版本的3.5 sonnet版本 feature這裏我們可以把很多東西都打開 Cursor Tab就這些你都要選爲enable的這個狀態 Composer的話默認情況下應該是關閉的 你也需要把它選爲enable的 就是打開的這個狀態 這是我自己的幾個設置 你可以參考我的這個設置的這種方式 底下就是Codebase的它的一個索引的方式 我建議你把它保持爲默認狀態就可以 Docs這裏是指你有時候會想要調用一些外部的API的文檔 或者有一些額外的網頁的信息 你希望就是AI它能夠知道 這個是方便你後續聊天的時候用的 這個你在初始狀態下不需要做設置 你到時候在實際使用的時候你做設置就好了 然後feature這裏我建議的設置是 你把第一個和最後一個關閉 尤其第一個永遠去搜索網頁 這個其實是不是很有必要 因爲網頁的內容會有兩個壞處 第一個壞處是現在模型內部的知識本身已經夠好了 如果它去搜索外部的知識的情況下 有的時候搜索出來的質量反而是比較差的 尤其是我們使用中文去進行編程的時候 它如果搜索出很多中文的語調的話 有很多質量非常低 而且AtWeb就是它搜索中文語調的時候 它搜索出來的結果也會佔據上下文的空間 這個是沒有必要的一件事情 所以我建議你把它關閉 這個會是一個得到更好的表現 這裏就是編輯的這個功能 我建議你把這兩個部分打開 第一個和第三個 Terminal就是這幾個 你都可以把它變成一個打開的狀態 Beta這裏比較重要的是 尤其是第三個你最好打開一下 就是Long Context 就是更長的200K的上下文 上下文的長度越長 它更有可能去完整的讀取 就是你想要它看的代碼的信息 所以你最好把這裏Beta版本的這些東西 你都可以讓它處於一個Enabled打開的這種狀態 這裏全都打開之後 我們來看一下 我們簡單來測試一下 只用這個的方式 本來說不寫項目的 但我們來寫一個非常簡單的項目 讓你有一個實際的體感 就到底應該怎麼用 首先我們打開Open Folder 文檔你可以隨便選擇一個 你新建一個文件 對這裏文件加名 我建議你最好習慣就是使用拼音 或者使用英文的方式去進行命名 因爲有些時候特殊的很多項目在啓動的時候 你如果用中文名 有時候會沒有辦法很好的去使用 所以你最好用拼音或者英文 比方說 我們做一個圖像壓縮的網站 你可以直接用拼音 這樣打開之後 它就會是一個空的狀態 左側是它到時候會進行編輯的文件夾 我們可以通過Command加I 如果你是Windows的話 那就是Ctrl加I 我們調出這個文件夾 我們告訴它我們要做一個什麼樣的產品 對 這是一個非常簡單簡短的提示詞 我們要做的也是一個非常簡單的網站 如果你想更有體感 你可以試試這個方式 就是把整個窗口打開 我們看一下這個提示詞發出之後 會是一個什麼樣的效果 對 你看它現在已經一直在幫助我們完成對應的代碼了 中間這個就是它現在正在寫的代碼文件 左側的一個綠色的小圓圈表示它已經寫好了 這個正在加載狀態的表示它正在寫 右邊其實你可以理解爲是一個對話型的窗口 它在告訴你它在做什麼事情 現在這個情況下 它告訴我它所有的文件都已經創建完了 使用方法是什麼樣的 並且它給我提供了一些後續的建議 我們可以點這個回到一個小窗口的這種狀態 我們先回來 這裏都已經好了 我現在要做的其實就是打開這個html的網頁 其實這裏還有幾個選項 就一個是save all 正常來說 現在都已經是save的狀態了 accept all 你點了這個之後 所有的代碼都會被接受寫進來 你想要回退就會有一些困難 所以我比較建議你在很多時候都先不要選這個accept all 而是直接save all 全都讓它保存 保存狀態下 現在的所有代碼都已經處於一個你可以測試的狀態了 讓我們來從文件夾去打開一下這個頁面去試一下 OK 你看這就是一個非常簡單的頁面 我們上傳一下 你看這裏就是原始圖片 右側是預覽後的壓縮圖片 我選擇不同的壓縮質量 對應的壓縮後的大小都不太一樣 我們可以點擊壓縮圖片 好的 你看這裏是252KB 跟這裏是吻合的 說明它這個功能完成的還不錯 就已經做完了 我們打開一下壓縮後的圖片 對 這個就是壓縮後的圖片的質量 所以我們這個非常簡單的壓縮的網站就已經完成了 OK 今天的這個視頻我們就先到這 你發現剛纔已經成功了 那我們就accept 全都接受 代碼它就會算是真正的寫在你的代碼文件裏了 你後續想去使用你設計的壓縮工具的時候 你就從你的文件夾去進行打開 訪問這個頁面就好了 我們再選一個別的試一下 是 對 現在就已經完整的設計完了 所以我們一次性成功 並且它一次性幫我們做了多個文件夾的代碼生成 對 那我們今天就先到這 後面我們再一步步給大家介紹相對更復雜 沒有那麼容易靠一句話提示詞 你就能做完的這種網站 告訴大家應該怎麼去做 以及其實還有很多東西 可以去做 就比方說那種自動化腳本 或者一個iOS的APP 或者微信小程序 其實它都能做到 大家對什麼類型的產品興趣 你都可以告訴我 我後面會做更多的這種教學視頻 那我們今天就先到這 拜拜