【新手教學】告別「最終版.zip」!用 VS Code + GitHub 打造最強開發流程
你是否曾經把檔案命名為 project_final.zip 、 project_final_v2.zip ,最後連自己都不知道哪個才是真的「最終版」? 對於剛踏入程式開發的朋友來說, Git (版本控制) 聽起來可能很艱深,充滿了黑底白字的指令。但其實,只要善用我們最熟悉的編輯器 VS Code ,你完全不需要背指令,就能輕鬆將程式碼同步到 GitHub 雲端。 今天這篇文章將手把手帶你完成你的第一次「雲端同步」,讓你的程式碼擁有時光機與雲端備份! 🛠️ 準備工作:工欲善其事 在開始之前,請確保你的電腦已經安裝了以下兩位「神隊友」: Git :這是底層引擎 (安裝後不用打開它)。 Visual Studio Code (VS Code) :我們寫程式與操作同步的指揮中心。 🚀 實戰演練:五分鐘完成第一次同步 為了讓流程最順暢,我們採用**「先建雲端倉庫,再拉回電腦」**的策略,這是最不容易出錯的黃金路徑。 第一步:在 GitHub 建立基地 首先,我們要先在雲端準備好一個家。 登入 GitHub ,點擊右上角的 + 號,選擇 New repository 。 Repository name :輸入 hello-vscode 。 關鍵動作 :務必勾選 Add a README file (這會幫你初始化倉庫,避免後續很多麻煩)。 點擊 Create repository 。 第二步:將倉庫複製 (Clone) 到 VS Code 現在,我們要建立電腦與雲端的連結。 打開 VS Code 。 在歡迎頁面點擊 Clone Repository (或按 F1 輸入 Git: Clone )。 選擇 Clone from GitHub 並授權登入。 搜尋剛剛建立的 hello-vscode ,點擊它,並選擇電腦上的一個資料夾作為存放位置。 當右下角跳出提示時,點擊 Open 。恭喜你!你現在已經處於一個受 Git 監控的專案環境中了。 第三步:開始寫程式 (Coding) 讓我們來寫一點簡單的網頁。 在左側檔案總管按右鍵 → New File ,命名為...