發表文章

【新手教學】告別「最終版.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 ,命名為...

在 VS Code 安裝Opencode

圖片
  在 VS Code 安裝插件 1. 搜尋插件 :打開 VS Code,點擊左側的 Extensions(擴充功能) 圖示,搜尋 「open Code」 。 2. 點擊安裝 :找到該插件後點擊「Install(安裝)」 。 第三階段:啟動與使用 1. 啟動插件 :安裝完成後,按下快捷鍵 Ctrl + Shift + P 打開命令面板,輸入命令 openopen Code 並回車,即可在 VS Code 中以插件形式開啟 OpenCode 。 如果出現的紅字錯誤是因為 Windows PowerShell 的安全機制(執行原則)預設攔截了腳本執行。這就像您買了工具箱,但蓋子被鎖住了。 請按照以下步驟「開鎖」,即可正常使用: 第一步:解除 PowerShell 執行限制 請按下 Win 鍵,輸入 PowerShell 。 對著「Windows PowerShell」按右鍵,選擇 「以系統管理員身分執行」 。 在視窗中輸入以下指令並按 Enter : PowerShell Set-ExecutionPolicy RemoteSigned -Scope CurrentUser 當系統詢問是否變更時,請輸入 Y 然後按 Enter 。 第二步:再次執行 OpenCode 現在回到您原本的資料夾(或剛才那個視窗),再次嘗試執行指令: PowerShell opencode - -port 45824 這時候應該就不會再跳出「因為這個系統上已停用指令碼執行」的錯誤了。