目錄

一、安裝 & 基本配置

1.下載 VS Code

2.安裝推薦插件（打開側邊欄 Extensions）

3.設置中文界面（可選）

二、使用 VS Code 操作 Git/GitHub

1.基本 Git 操作（不輸命令行！）

2.連接 GitHub（第一次使用）

三、克隆遠程倉庫到 VS Code

方法一（推薦）：

方法二：

四、項目實用技巧

1.快速打開終端

2.自動格式化代碼

3.自動保存

五、VS Code 與 GitHub PR 工作流

六、快捷鍵錦囊（超實用）

七、適合的實際開發建議

八、VS Code + GitHub 項目開發環境配置模板

1.項目結構示例（React 后臺項目為例）

1?? .vscode/settings.json（統一團隊代碼風格）

2?? .vscode/extensions.json（推薦插件）

3?? .gitignore（防止無關文件入庫）

4?? GitHub Actions 自動部署（可選）

5?? 本地 Git 操作 VS Code 流程建議

2.項目啟動建議腳本（package.json）

3.Bonus：VS Code 快捷鍵

一、安裝 & 基本配置

1.下載 VS Code

• 官網地址：Visual Studio Code - Code Editing. Redefined