Hi, 親愛的 AC 學員: 課程備份現已開放下載。請同學在登入歡迎頁找到「匯出課程資料」按鈕,即可匯出教材原始碼。 ![image.png](https://assets-lighthouse.alphacamp.co/uploads/image/file/23357/image__1_.png) 以下是下載版教材的使用說明。 ### 教材解壓縮 1. **Windows** 使用者 - 1. 使用內建解壓縮功能可能無法正確處理中文檔名或顯示為空資料夾 2. 建議使用 [7-Zip](https://www.7-zip.org/) ([使用教學](https://www.youtube.com/watch?v=BCMecYw5734)) 或 [WinRAR](https://rar.tw/) 解壓縮 2. **macOS** 使用者 - 使用內建的解壓縮功能即可 3. 由於教材使用中文檔名 (UTF-8 編碼),解壓縮後請第一時間確認檔名正常顯示,如果發現檔名出現亂碼,請重新下載壓縮檔並重試 ### 開啟教材 1. 由於教材原始碼是 Markdown 與 HTML 混合的格式,建議使用 VS Code 編輯器打開,作法如下: 2. 建議作法: 1. 用 VS Code 開啟整個課程資料夾 2. 在左側檔案總管中,找到要閱讀的章節 3. 安裝擴充功能以便快速瀏覽網頁課程,同學可根據自己的使用習慣選擇以下任一擴充功能: 1. [Live Preview](https://marketplace.visualstudio.com/items?itemName=ms-vscode.live-preview) (推薦) 1. 在 VS Code 中自行搜尋擴充功能並安裝 2. 右鍵點擊 HTML 檔案,選擇 Show Preview,會在 VS Code 內部彈出側邊視窗,進行內部瀏覽 3. 可自行設定快捷鍵 e.g. `Ctrl + Shift + V`,加速開啟 2. [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) 1. 用於在外部瀏覽器中開啟 ### 進階配置:教材 + AI 整合 已熟悉 VS Code 的同學,可考慮進化為 Cursor 使用者,如此一來可整合 AI 功能,在學習時進行即時問題。 VScode 與 Cursor 編輯器的介面大致相同(如下圖紅色區塊),但會多一個 AI Chat 側邊欄(如下圖黃色區塊)。 ![README-cursor-ui-demo.png](https://assets-lighthouse.alphacamp.co/uploads/image/file/23358/README-cursor-ui-demo.png) --- 希望這份「下載版教材」能代替 ALPHA Camp 團隊繼續陪伴同學的成長之旅,我們很榮幸曾參與你的學習旅程,祝福各位同學能持續成長,後會有期! Best, ALPHA Camp 團隊 2024 年 12 月 20 日