我嘗試了使用光標AI編碼的Vibe編碼，這太神奇了！

Vibe編碼通過讓我們使用自然語言而不是無盡的代碼行創建應用程序來重塑軟件開發的世界。受Andrej Karpathy等有遠見的人的啟發，這種創新的方法使開發人員可以簡單地說或鍵入他們的想法，而AI工具（例如Cursor AI）可以處理繁重的工作。光標AI是一款突破性的代碼編輯器，可以為初學者和專家加快工作流程加快工作流程。它可以自動執行常規任務，使開發人員專注於創意設計和戰略性問題。在本文中，我們將徹底探討使用光標AI的氛圍編碼如何改變我們構建現代軟件的方式。

目錄

• 什麼是氛圍編碼？
• 什麼是光標AI？
  • 光標AI如何工作
  • 光標AI的關鍵特徵
• 如何安裝光標AI
• 光標AI定價計劃
• 使用光標AI構建基於Web的待辦事項應用
  • 步驟1：創建項目目錄
  • 步驟2：安裝依賴項
  • 步驟3：運行應用程序
  • 步驟4：改進前端設計
  • 步驟5：添加動畫
  • 步驟6：最終測試
• 使用光標AI編碼的Vibe編碼的局限性
  • AI生成的代碼的當前限制
  • 需要人類專業知識
• 我的最後想法
• 結論
• 常見問題

什麼是氛圍編碼？

Vibe編碼是編程的範式轉移，其中焦點從語法和手動編碼轉變為高級設計和思想表達。您只需描述您想要的應用程序，而不是費力地鍵入代碼。 AI採用您的說明，對其進行處理，並以最少的干預生成工作代碼。結果，即使是有限的編碼經驗的人也可以迅速構建功能應​​用程序。這種方法正在矽谷及以後的浪潮，承諾將軟件開發民主化。

“這並不是真正的編碼 - 我只是看到東西，說東西，運行東西和復制的東西，並且主要是有效的。 ” - Andrej Karpathy

Vibe編碼的核心是指描述您要應用程序的操作，並讓AI工具為您生成必要的代碼。這是關於思想表達，迭代精緻和自動化常規編碼任務的內容。該過程依賴於自然語言提示和持續反饋來塑造功能高質量的軟件。

儘管傳統的編碼需要深厚的技術專業知識和耗時的調試，但AI驅動的工具（例如光標）可以解釋您的口頭或書面說明，並迅速生成代碼。這種演變將開發人員的角色從手動編碼轉變為創造性問題解決和系統設計。

它還可以更快地製作原型，並顯著提高生產率。通過使平凡的任務自動化，它為即使是非專家構建工作應用程序的大門打開了大門，使軟件開發更容易訪問和創新。

什麼是光標AI？

光標AI是一種先進的，AI驅動的集成開發環境（IDE），可將自然語言指令轉換為代碼。通過利用最新的語言模型和上下文分析，光標AI可幫助開發人員有效地生成，調試和維護代碼，從而簡化整個開發過程。

光標AI如何工作

現在，讓我們了解光標AI的工作原理。這是涉及的步驟：

1。自然語言輸入

開發人員首先鍵入或說出他們的要求，例如“創建用戶身份驗證路由”或“在此功能中修復錯誤” - 直接將其直接納入IDE。此輸入構成了AI行動的基礎。

2。上下文分析

在生成代碼之前，Cursor AI分析了整個代碼庫。它了解項目結構，編碼約定和現有模式，以確保任何新代碼與現有系統無縫集成。

3。AI驅動的代碼生成

AI使用功能強大的語言模型進行編程任務，將自然語言提示轉換為工作代碼。它遵守最佳實踐和建立的編碼標準，以生成可靠的生產準備代碼。

4。自動調試和完善

光標AI通過自動檢測語法錯誤和邏輯問題來超越代碼生成。它提供了調試建議，並根據開發人員的反饋來迭代地完善其輸出，從而在不手動干預的情況下快速解決問題。

5。增強的文檔查找

IDE結合了一個智能文檔系統，該系統允許開發人員快速訪問內部項目文檔和外部資源。此功能可確保開發人員可以輕鬆找到相關的代碼示例，API文檔以及根據需要進行故障排除指南。

光標AI的關鍵特徵

以下是光標AI的一些關鍵特徵：

• AI驅動的代碼生成：將自然語言要求轉換為功能代碼，從而減少手動編碼。
• 自動調試：識別並建議修復錯誤，從而簡化調試過程。
• 上下文感知的幫助：了解整個代碼庫，以提供量身定制的建議並保持一致性。
• 增強的文檔查找：可快速訪問文檔和外部資源，以解決查詢並澄清概念。

光標AI通過使重複任務自動化大大減少開發時間，使開發人員能夠專注於高級設計和解決問題

如何安裝光標AI

在研究Vibe編碼之前，您需要安裝光標AI。這是一個逐步指南，可以讓您入門：

1. 下載光標AI

   訪問官方網站（通常是Cursor.ai或[Cursor.com]），然後單擊“下載”按鈕。網站應自動檢測您的操作系統並提供正確的安裝文件。

2. 運行安裝程序

   對於Windows和MacOS：
   只需運行下載的安裝程序文件，然後按照任何其他應用程序就可以按照屏幕上的說明進行操作。
   
   對於Linux（Ubuntu）：
   - 下載為Linux提供的附屬文件。
   
   - 打開終端並將附屬物移至永久位置（例如， /opt目錄）通過運行：
   sudo mv [文件名] /opt/cursor.appimage
   
   - 使適應性可執行：
   chmod x /opt/cursor.appimage

3. 啟動光標AI

   對於Windows和MacOS：
   安裝後，從桌面快捷方式或您的應用程序菜單啟動光標AI。
   
   對於Linux（Ubuntu）：
   - 通過打開終端並執行來創建桌麵條目：
   sudo nano/usr/share/applications/cursor.desktop
   
   - 將以下內容插入文件：
   [桌麵條目]
   名稱=光標
   exec =/opt/cursor.appimage
   圖標=/opt/cursor.png
   type =應用程序
   類別=開發；
   
   - 保存文件（按CTRL X，然後Y，然後輸入）。
   
   - （可選）將一個名為cursor.png的PNG圖像放在 /opt目錄中以設置應用程序圖標。您可能需要註銷並重新登錄以進行更改才能生效。

4. 初始設置和配置

   在第一次啟動時，您將提示您配置基本設置，例如鍵盤快捷鍵，AI交互的語言以及是否啟用範圍範圍的索引。
   
   您還可以選擇安裝其他命令，使您可以直接從終端啟動光標AI。

5. 導入VS代碼設置（可選）

   如果您是Visual Studio代碼用戶，則可能會提示您導入VS代碼設置。此步驟將導入您的擴展，主題，用戶設置和鍵盤快捷鍵，以提供熟悉的開發環境。

6. 註冊 /登錄

   使用您的電子郵件，Google或GitHub憑據創建帳戶。新用戶經常在註冊時免費獲得光標Pro的免費試用。

光標AI定價計劃

光標AI提供了三種不同的定價計劃：愛好，專業和業務。免費版本或業餘愛好計劃包括14天的專業審判，2,000個完成和50個緩慢的溢價請求。 Pro計劃的價格為每月20美元，包括無限的完成，500個快速溢價請求以及無限的慢速請求。如果每年收費，您可以以每月16美元的折扣價獲得Pro計劃。該業務計劃的價格為每月40美元/用戶，將集中式計費，管理控制，隱私執行和SSO集成為PRO計劃。

除了這些固定價格層外，光標AI還提供企業解決方案，並提供定制定價和擴展支持。雖然14天的專業審判可訪問無限的完成和500個快速請求，但一些用戶報告了非官方試驗重置。快速請求是優先級的，而緩慢的請求可能會延遲。定價可確保可持續性，因為運行像GPT-4O或Claude這樣的大型AI模型會產生高昂的成本。

使用光標AI構建基於Web的待辦事項應用

現在，讓我們嘗試在光標AI的幫助下，使用燒瓶構建一個基於Web的待辦事項應用程序。通過使用AI輔助編碼，我們可以快速設置該項目，同時根據需要完善設計和功能。

使用燒瓶和光標AI創建基於Web的待辦事項應用程序，可以在專注於設計和功能的同時簡化開發過程。本指南將介紹整個工作流程，從設置項目目錄到添加動畫，確保平滑而拋光的應用程序。

請記住，光標AI可能會在相同的提示下生成不同的輸出。建議您根據您收到的輸出以與項目要求保持一致的輸出來修改後續提示。所以現在，讓我們開始。

步驟1：創建項目目錄

在生成待辦事項應用程序之前，最好為項目創建專用目錄。這樣可以確保光標AI將所有生成的文件都放置在正確的位置。

提示創建目錄和腳手架項目： “構建基於燒瓶的Web來製作應用程序”

當我提示“使用燒瓶構建基於Web的待辦事項應用程序”時，Cursor AI迅速設置了該項目。它檢查工作空間並創建基本文件：依賴依賴項， app.py ，用於主應用程序， html的模板/文件夾以及CSS的靜態/文件夾。

光標AI具有添加，標記和刪除任務的功能。它使用SQLite數據庫進行存儲，並設計具有動畫，Hover效果和Poppins字體的現代響應UI 。每個任務也包括用於跟踪的時間戳。

要運行該應用程序，它建議使用PIP install -r unigess.txt安裝依賴項，並使用python app.py啟動服務器。我只需單擊“接受全部”就接受了所有更改，如上圖中所示。

在這裡，您可以看到目錄已創建。

在下面的視頻中，您可以看到光標AI創建了製作待辦事項應用所需的文件。

步驟2：安裝依賴項

創建文件後，下一步是安裝來自需求的所需依賴項。為此，我將為光標代理提供提示。

提示： “安裝要求”

如您在圖像中所見，我們要做的就是通過單擊光標AI中的“運行命令”按鈕來確認安裝過程。

步驟3：運行應用程序

在安裝了所有依賴項後，我們現在可以運行app.py文件以啟動燒瓶應用程序。

提示： “現在運行app.py”

只需單擊“運行命令”。

運行應用程序後，當我單擊此URL時，我得到了基於網絡的待辦事項應用http://127.0.0.1:5000

步驟4：改進前端設計

該應用程序成功運行，但我對前端不滿意。它看起來太基礎了，並且不像我想要的那樣吸引人。為了增強設計，我將提示Cursor AI通過完善樣式，優化佈局並添加交互式元素來改進，以使UI更具吸引力。讓我們看看如何完成

提示改進UI： “我不喜歡該應用當前的設計，包括更多藍色，使其變得更好，更引人注目”

這是進行更改的視頻。

應用這些增強功能後，待辦事項清單看起來更加精緻和視覺上吸引人。現在，讓我們添加一個任務，看看它是如何工作的。

因此，我們可以看到，在添加任務後，我們將獲得諸如“完整”或“刪除”之類的選項。 “完成”將表明您已經完成了工作，並且“刪除”將從列表中刪除任務。它還顯示了創建列表的時間。

我們的新的和改進的Web應用程序現在已經準備好了。

UI看起來很棒！但是現在讓我們添加一些動畫。

步驟5：添加動畫

我們可以添加動畫來創建更光滑的過渡並改善用戶體驗。

提示添加動畫： “使用平滑​​的CSS和JavaScript動畫來增強我的燒瓶待辦事項列表UI，以進行任務操作，按鈕懸停效果和過渡。”

單擊“運行命令”按鈕，我們可以看到它正在為我們的動畫創建JavaScript。

光標AI生成動畫後，我們可以測試它們的功能並完善它們以獲得更平穩的體驗。

這是我使用Cursor AI創建的基於Web的待辦事項應用程序的最終結果。

步驟6：最終測試

實現動畫後，通過添加，更新和刪除任務來測試整個應用程序，以確保其運行順利。如有必要，請進行其他細化以改善用戶體驗。

另請閱讀：通過REPLIT移動應用程序免費在手機上構建無代碼AI代理！

使用光標AI編碼的Vibe編碼的局限性

雖然諸如光標AI之類的平台編碼的Vibe編碼提供了變革性的功能，但它也帶來了自己的挑戰。了解這些局限性對於開發人員在減輕缺點的同時最大程度地發揮其潛力至關重要。

AI生成的代碼的當前限制

• 放置的生成的代碼：光標AI有時將代碼插入不正確的位置，從而導致錯誤和中斷。在精確的代碼放置至關重要的複雜項目中，此問題尤其有問題。
• 上下文健忘：在項目之間進行不活動或切換後，光標AI可能會失去上下文，從而導致建議不准確。這可以降低生產力，尤其是在大型或多文件項目中。
• 在復雜的錯誤檢測中掙扎：雖然Cursor AI有效地識別了常見的錯誤，但它與需要對代碼庫或特定領域知識的複雜問題進行鬥爭。開發人員必須手動干預以解決此類問題。
• 代碼質量問題： AI生成的代碼可能缺乏人類專業知識的精度，可能引入效率低下，安全風險或合規性問題。這在醫療保健或金融等規範領域中尤其令人擔憂。
• 可伸縮性挑戰：隨著項目的增長，光標等人工智能工具可能難以管理較大的代碼庫或複雜的系統體系結構。人類干預對於可伸縮性和可維護性仍然是必要的。

需要人類專業知識

• 監督和質量保證：開發人員必須審查AI生成的代碼，以確保其符合項目標準，避免安全漏洞並保持高度可靠性。
• 處理複雜的業務邏輯： AI工具通常無法理解複雜的業務需求。開發人員需要提供明確的說明並進行干預，以使代碼與項目需求保持一致。
• 道德考慮：由於培訓數據的限制，AI模型可以引入偏見或錯誤。人類的監督對於確保道德和負責任的編碼實踐至關重要。
• 補充創造力和解決問題的問題：雖然AI擅長自動重複任務，但它缺乏人類的創造力和戰略思維。開發人員對於創新和復雜的解決問題仍然必不可少。

我的最後想法

使用光標AI感覺就像我正在將我的想法直接歸為工作代碼。這是快速，直觀且真正有趣的。雖然它不是完美的，並且仍然需要人類的監督，但簡化編碼的方式正在改變遊戲方式。如果您是開發人員，則應嘗試使用Vibe編碼；它可能只會改變您的工作方式！

結論

光標AI使編碼毫不費力，以最少的精力將想法轉變為功能應用。儘管它不是完美無瑕的，並且需要人為乾預複雜的邏輯和錯誤修復，但其簡化開發的能力是不可否認的。它使開發人員能夠專注於創造力，而不是重複的編碼任務。無論您是初學者還是經驗豐富的程序員，使用Cursor AI編碼的Vibe編碼都可以瞥見軟件開發的未來 - 創新，速度和效率是中心階段。

常見問題

Q1。什麼是氛圍編碼？

A. Vibe編碼是一種用於軟件開發的新方法，開發人員用自然語言描述他們想要的內容，而AI工具（例如Cursor AI）會自動生成代碼。

Q2。 Vibe編碼與傳統編碼有何不同？

答：傳統編碼需要手動編寫語法，調試和結構代碼，而Vibe編碼則集中在高級構想表達上，讓AI處理代碼生成和改進。

Q3。誰可以從氛圍編碼中受益？

答：初學者和經驗豐富的開發人員都可以從Vibe編碼中受益，因為它簡化了編碼任務，加快開發加快，並可以更多地關註解決問題和設計。

Q4。什麼是光標AI，它如何幫助Vibe編碼？

A.光標AI是AI驅動的代碼編輯器，將自然語言提示轉換為工作代碼，自動調試並協助文檔，從而使開發更快，更有效。

Q5。我需要知道編碼以使用Vibe編碼嗎？

答：雖然某些編程知識很有幫助，但Vibe編碼使軟件開發可通過自動處理語法和結構自動處理有限的編碼體驗來訪問。

Q6。 AI生成的代碼可以完全取代人類程序員嗎？

答：AI可以協助自動化和效率，但是人類的監督對於處理複雜的邏輯，調試和確保高質量，安全的代碼仍然至關重要。

Q7。 Vibe編碼的主要優點是什麼？

A. Vibe編碼會加速發展，減少重複的任務，改善非專家的可訪問性，並使開發人員能夠專注於創造力和戰略性問題解決問題。

以上是我嘗試了使用光標AI編碼的Vibe編碼，這太神奇了！的詳細內容。更多資訊請關注PHP中文網其他相關文章！