『 踩坑經驗分享 』Claude Code 入門：Windows, Mac 安裝、 AI 專案初始化模板、Gemini CLI適用、九大必學技巧、並列執行加速器

Video Description

☕ 支持我的創作 (Buy me a Coffee): https://donate.stripe.com/bIYfZ51uT8yGd7qdQS HC Claude Code 專案啟動模板~ - https://ultrclick.gumroad.com/l/ClaudeCodeStartTemplate 💡如果對分享內容有什麼感想 📧 email 聯絡我: [email protected] 🚀 立即開始學習 Claude Code，讓 AI 成為你最強大的開發夥伴！ Timeline (時間戳記): 00:00 開場 - 為何選擇 Claude Code & 模板介紹 01:12 為何開始使用 Claude Code 03:26 Claude Code 如何為既有系統升級與 N8N 賦能 03:54 Claude Code Mac 安裝教學 (Node.js & NPM) 05:32 Claude Code Windows 安裝教學 (WSL, Ubuntu, Node.js) 10:16 Claude Code 初始化設定 (佈景主題、帳號登入、訂閱方案) 11:41 如何在 Mac 與 Windows (VS Code) 中正確啟動 Claude Code 並指定專案目錄 17:27 使用 HC 專案模板初始化 Claude Code 專案 18:21 如何將檔案 (文字檔/圖片) 提供給 Claude Code 讀取 19:06 模板引導：專案名稱、描述、類型 (Simple/Standard/AI/ML/Custom) 20:47 整合 GitHub：建立遠端 Repository 與本地 Git 初始化 22:33 Claude Code 的計畫拆解 (Plan Breakdown) 與 .claude.md 規則檔案 25:23 Git 本地版本控制設定與自動化 (Git Init, Config, Add, Commit) 26:59 AI 自動生成 .gitignore 與 README.md (含專案架構) 29:06 將本地專案 Push 到 GitHub (雲端備份與認證) 35:43 測試 GitHub 自動備份功能 36:40 開始實作 AI SEO 分析工具專案 37:07 Claude Code 核心指令詳解 (Clear, Compact, IDE, Init, MCP, Memory, Model 等) 40:15 Context Window 管理：Clear 與 Compact 指令的應用時機 44:20 專案實戰：設定 .env 環境變數 (Gemini API Key) 與 npm install 46:33 啟動並測試 AI SEO 分析工具 & 初步 Debug 47:33 利用 Claude Code 的 Web Search 功能解決 API Model 問題 50:48 SEO 分析工具成功運作！測試不同網站 51:20 專案升級：整合 Playwright (MCP) 實現自動化測試 51:55 Claude Code 並行任務 (Multitasking) 展示與注意事項 55:08 Context Window 百分比與 Auto Compact 機制 56:16 Playwright MCP 整合 Debug 與 AI 自我修正過程 59:17 版本控制妙用：利用 Git 歷史紀錄回溯或修復被 AI 改壞的程式碼 01:01:21 Claude Code 使用九大技巧總結複習 01:06:16 Claude Code 應用：AI 深度研究 (Deep Research) 01:07:26 Claude Code 與 N8N 整合的潛力 01:08:04 總結與模板價值分享 01:08:23 結尾 🔗 資源連結： - Node.js 官方: https://nodejs.org/ - Claude (Anthropic) 官方: https://docs.anthropic.com/en/docs/claude-code/overview - GitHub: https://github.com/ - VS Code: https://code.visualstudio.com/ - Windows WSL 安裝指南: https://learn.microsoft.com/zh-tw/windows/wsl/install - Google Gemini API: https://ai.google.dev/ ✨ 在本教學中，您將學會： ✅ 為何選擇 Claude Code 及其帶來的價值 (真實企業改造案例)。 ✅ 在 Mac 上安裝 Node.js, NPM 及 Claude Code。 ✅ 在 Windows 上透過 WSL (Windows Subsystem for Linux) 與 Ubuntu 環境安裝 Claude Code。 ✅ Claude Code 的基本設定：佈景主題 (Dark Mode)、帳號登入與訂閱方案。 ✅ 如何在不同作業系統中正確啟動並於指定專案資料夾內使用 Claude Code (含 VS Code 整合技巧)。 ✅ 使用 HC 提供的 Claude Code 專案模板進行專案初始化 (含專案命名、描述、類型選擇)。 ✅ 整合 GitHub 進行版本控制：建立 Repository、本地 Git 初始化、Commit 與 Push。 ✅ 理解 .claude.md 檔案的重要性與自訂規則。 ✅ Claude Code 的核心指令與操作模式 (Plan Mode, Code Mode, Compact, Clear, Web Search)。 ✅ AI 輔助除錯：如何讓 Claude Code 分析錯誤訊息並提出修復方案。 ✅ 利用 Git 版本歷史回溯或參考先前可運作的程式碼版本。 ✅ Claude Code 的進階應用：MCP (Multi-Capability Plan) 與並行任務 (Multitasking)。 ✅ 管理 Claude Code 的 Context Window 與 Token 用量。 ✅ 實戰：從零開始開發一個 AI SEO 分析工具 (整合 Gemini API)。 ✅ 如何讓 Claude Code 進行深度研究 (Deep Research) 並應用於專案。 ✅ Claude Code 與 N8N 等自動化工具的潛在整合。 無論你是開發新手還是資深工程師，Claude Code 都能革新你的工作流程！本教學將詳細解說在 Mac 和 Windows 系統上的安裝步驟、如何使用 AI 模板高效初始化專案，以及九大使用要點，讓你輕鬆駕馭 AI 編程。 釋放 AI 程式碼助理 Claude Code 的強大潛力，徹底改變你的開發流程！這部完整的 Claude Code 教學 (繁體中文) 將帶你一步步從零開始，無論你使用 Mac 還是 Windows (透過 WSL 與 Ubuntu)，都能輕鬆完成安裝與設定。HC Chang 將分享他數百小時的使用心得，提供一個精心設計的專案初始化模板，讓你告別繁瑣設定，快速啟動 AI 輔助開發，並學習如何讓 AI 遵循你的專案規範與架構，寫出乾淨、高效的程式碼。 影片中，我們將深入探討為何你需要 Claude Code、如何整合 GitHub 進行版本控制、AI 如何協助規劃與統整專案，以及使用 Claude Code 時必須注意的九大要點。我們還會透過一個實際的「AI SEO 分析工具」開發案例，展示 Claude Code 如何從概念發想、程式碼生成、錯誤修復 (debug)，到整合外部 API (如 Google Gemini) 並利用其網頁搜尋能力，最終完成一個實用應用。 💡 如果這支影片對您有幫助，請「訂閱」頻道、「按讚」影片，並在下方「留言」分享您的想法或問題！您的支持是我們持續創作的最大動力！ #ClaudeCode #AI編程 #程式自動化 #AI程式助理 #開發工具 #Mac安裝 #Windows安裝 #WSL #VSCode #GitHub #Git #NodeJS #NPM #TechTutorial #繁體中文 #AI教學 #HCAI #專案管理 #自動化開發 #GeminiAPI #SEO工具 #GeminiCLI