第一章：打造你的賺錢工廠 - 開發環境與心態建置

歡迎來到 Vibe Tutor！在你開始學習如何寫出超酷的地圖、串接綠界金流或是打造 AI 虛擬員工之前，我們必須先幫你把「工廠」蓋好。這裡的工廠，指的是你的「本機開發環境」。

不要覺得安裝軟體很無聊，這一步是區分「只會看影片講幹話的人」跟「真的能把東西做出來賣錢的人」的關鍵點！ 很多初學者在第一步就因為路徑設定錯誤或套件相衝而放棄。但別擔心，在 AI 時代，就算安裝出錯，AI 也能一秒幫你排解。

🎯 本章目標

  1. 下載並安裝全端開發三大核心武器：Node.js, Python, Cursor 編輯器。
  2. 認識開發者的命令大腦：終端機 (Terminal)。
  3. 建立「我是軟體接案老闆」的商業心態 (Mindset)。

🛠️ 第一步：安裝三大核心武器

做全端開發，你需要準備好對應的編譯環境。這就像廚師進廚房前，要先買好瓦斯爐跟烤箱一樣。

1. 前端與全端引擎：Node.js

  • 這是什麼？ 它是讓 JavaScript 能夠脫離瀏覽器，在你電腦上直接跑起來的底層引擎。我們未來做網頁 (Next.js, Vite, Astro) 都強烈依賴它。
  • 怎麼裝？ 去 Node.js 官網，下載標示為 LTS (Long Term Support 長期維護版) 的版本。下載後，像安裝一般遊戲一樣一直按 Next 就好，不需要更改預設設定。
  • 驗證安裝： 裝完後打開電腦的終端機，輸入 node -v。如果有出現版本號 (例如 v20.x.x)，恭喜你安裝成功！

2. AI 與資料處理引擎：Python

  • 這是什麼？ 全世界最適合寫 AI 應用程式與網路爬蟲的語言。未來如果你要開發後端 API (FastAPI) 或是實作多智能體 AI (CrewAI)，都必須靠它。
  • 怎麼裝？ 去 Python 官網 下載最新的 3.12 或 3.1x 版本。
  • 🔥 致命新手地雷 (Windows 使用者必看)： 在安裝程式的第一頁最下方，有一個小小的勾選框叫做 Add Python to PATH。絕對要打勾！絕對要打勾！絕對要打勾！ (很重要所以說三次)。如果沒打勾，你電腦的系統變數會找不到 Python，你後面的所有套件安裝指令都會報紅字崩潰！

3. 指揮中心與 AI 魔法杖：Cursor 編輯器

  • 這是什麼？ 傳統工程師用 VS Code，但身為 Vibe Coder，我們強烈建議你下載 Cursor。它是由微軟 VS Code 底層改裝的，但內建了目前地表最強的 AI 輔助系統 (Claude 3.5 Sonnet)。它可以直接讀懂你整個資料夾的關聯，幫你跨檔案寫程式碼。
  • 怎麼裝？ 下載後打開，登入帳號。這就是你未來每天賺錢的虛擬辦公室了。

🖥️ 第二步：與電腦對話的介面 (Terminal 終端機)

在駭客任務電影裡，主角都是看著一個黑黑的畫面狂打綠色的字，那個東西叫做終端機 (Terminal)。 不要害怕它，它其實只是沒有按鈕的檔案總管而已。 在你的 Cursor 編輯器中，你可以按下快捷鍵 Ctrl + ` (反引號，通常在鍵盤左上角 Esc 的下方) 叫出底部的終端機。

這裡我們只教你三個最值錢、你每天都會用到 100 次的咒語 (指令)：

  1. cd 資料夾名稱 (Change Directory)
    • 作用：走進某個資料夾。例如 cd vibe-tutor-web。
    • 提醒：如果你要在某個專案底下裝套件，你必須先 cd 走進去，不然你會把套件裝到電腦外層的資料夾。
  2. npm run dev (Node Package Manager)
    • 作用：啟動網頁開發伺服器！下完這個指令，你就可以在瀏覽器輸入 http://localhost:3000，看到你寫的網站活生生跑起來。
  3. npm install xxx 或 pip install xxx
    • 作用：這是 Node 和 Python 的魔法包裹系統。當你需要做「圖表」、「動畫」、「寄信」時，你不需要自己寫輪子，只要輸入這個指令，就能一秒下載全世界頂尖工程師寫好的外掛套件。

🔥【Vibe Prompt 除錯實戰咒語】 當你在終端機下指令，結果畫面噴出一堆紅字 (Error) 時怎麼辦？ 千萬不要慌張，也不要去 Google 查半天！ 把終端機裡面出現的「紅色英文字 (Error)」全部反白複製，直接貼給 Cursor 的 AI： 「我在終端機輸入了 npm run dev，但出現了以下錯誤： (貼上完整的錯誤訊息) 請告訴我是哪裡設定錯了？我該輸入什麼指令來修復？」

在 99% 的情況下，AI 會一秒鐘看出你少裝了某個依賴套件，或是連接埠 (Port 3000) 被佔用了，並直接給你修復指令。

💰 第三步：建立「接案老闆」的商業心態

很多人學寫程式是為了「去公司上班領死薪水」，但這堂課的終極目標是讓你**「不用找工作，直接接案做一人公司老闆」**。

從今天開始，不要把接下來的章節當作「學校作業」或是「練習題」。 你要把每一個專案，都當作一個「可銷售的商業解決方案」。

  • 當你在學「打卡系統後台 (Course 3)」時，你要在腦中盤算：「我可以把這套系統稍微改一下，用 5 萬塊賣給我家巷口的連鎖飲料店嗎？」
  • 當你在學「Line 機器人 (Course 4)」時，你要思考：「我可以幫做海外代購的表姐做一個自動報價機器人，每個月收她 1500 塊的雲端維護費嗎？」
  • 當你在學「知識付費平台 (Course 5)」時，你要想：「我有哪個做直銷或賣健身課程的朋友，可以花 10 萬塊跟我買這套能自動收費的會員系統？」

把環境架好，深呼吸。你已經掌握了生產工具，你的軟體印鈔機準備啟動了！下一章，我們將深度探討外包接案的業務開發心法。