Visual Studio Code ​安裝與環境設定指南

更新 發佈閱讀 4 分鐘

在 2026 年,Visual Studio Code (VS Code) 依然是全球開發者的首選編輯器。它不僅輕量,現在更深度集成了 AI 輔助開發功能。無論你是要寫網頁、跑數據分析,還是開發大型專案,這份指南將帶你快速完成安裝與環境最佳化。


🛠️ 第一步:安裝 VS Code

請根據你的作業系統從 官網 下載對應版本:

  • Windows: 下載 .exe 安裝檔。安裝時務必勾選 「加入 PATH」 (Add to PATH) 以及 「將『以 Code 開啟』動作加入 Windows 檔案總管內容功能表」。這能讓你直接在資料夾按右鍵開啟專案。macOS: 下載 .zip 檔,解壓縮後將 Visual Studio Code 拖移至 「應用程式 (Applications)」 資料夾。Linux: 支援 .deb、.rpm 或 Snap 套件安裝。


🌐 第二步:基本介面與中文化

安裝完成後,你會看到一個全英文介面。如果你偏好中文:

  1. 點擊左側活動列最下方的 Extensions (擴充功能) 圖示(或按 Ctrl+Shift+X)。搜尋 「Chinese」。找到 Chinese (Traditional) Language Pack 並點擊 Install。安裝後右下角會跳出通知,點擊 Restart 即可切換為繁體中文。


🚀 第三步:2026 年必裝擴充功能 (Extensions)

VS Code 的強大在於擴充插件。在 2026 年,以下是你的「標準配備」:

1. AI 輔助 (現在是標配)

  • GitHub Copilot: AI 編碼始祖,現在能預測你接下來的整段邏輯。Error Lens: 直接在程式碼旁邊顯示報錯訊息,不用滑鼠移過去看,非常直覺。

2. 環境美化與管理

  • Material Icon Theme: 讓檔案圖示變得極其精美,一眼分出 .py、.js 或 .html。Dracula Official 或 One Dark Pro: 經典的深色護眼主題。

3. 開發效率

  • Prettier: 自動幫你排版程式碼(按存檔就排好,治癒強迫症)。GitLens: 超強大的 Git 管理工具,能看每一行 code 是誰在什麼時候改的。


⚙️ 第四步:環境配置與設定

1. 開啟「設定同步」 (Settings Sync)

點擊左下角的齒輪圖示 > 開啟設定同步。登入你的 GitHub 或 Microsoft 帳號,這樣以後換電腦,所有的快捷鍵和套件都會自動跟著你。

2. 核心設定調整

按 Ctrl + , (Windows) 或 Cmd + , (Mac) 開啟設定頁面,建議搜尋並調整以下項目:

  • Format On Save: 勾選,存檔時自動排版。Auto Save: 建議設為 onFocusChange,切換視窗就自動存檔。Font Size: 依據視力調整,建議 14 或 16。

3. 2026 新特性:專案設定 (Project Settings)

現在 VS Code 支援更強大的「專案級」設定。如果你在團隊中,可以在專案根目錄建立 .vscode/settings.json,這份設定會優於你的全域設定,確保團隊成員的開發環境一致。


⌨️ 常用快捷鍵 (Pro Tips)

學會這幾個,你的開發速度會翻倍:

raw-image


💡 小提醒:如果你在終端機 (Terminal) 輸入 code . 無法開啟目前的資料夾,請在指令面板 (Ctrl+Shift+P) 搜尋:Shell Command: Install 'code' command in PATH 並執行。
留言
avatar-img
Jonny's Lab
2會員
6內容數
努力過生活的老精靈
你可能也想看
Thumbnail
賽勒布倫尼科夫以流亡處境回望蘇聯電影導演帕拉贊諾夫的舞台作品,以十段寓言式殘篇,重新拼貼記憶、暴力與美學,並將審查、政治犯、戰爭陰影與「形式即政治」的劇場傳統推到台前。本文聚焦於《傳奇:帕拉贊諾夫的十段殘篇》的舞台美術、音樂與多重扮演策略,嘗試解析極權底下不可言說之事,將如何成為可被觀看的公共發聲。
Thumbnail
賽勒布倫尼科夫以流亡處境回望蘇聯電影導演帕拉贊諾夫的舞台作品,以十段寓言式殘篇,重新拼貼記憶、暴力與美學,並將審查、政治犯、戰爭陰影與「形式即政治」的劇場傳統推到台前。本文聚焦於《傳奇:帕拉贊諾夫的十段殘篇》的舞台美術、音樂與多重扮演策略,嘗試解析極權底下不可言說之事,將如何成為可被觀看的公共發聲。
Thumbnail
柏林劇團在 2026 北藝嚴選,再次帶來由布萊希特改編的經典劇目《三便士歌劇》(The Threepenny Opera),導演巴里・柯斯基以舞台結構與舞台調度,重新向「疏離」進行提問。本文將從觀眾慾望作為戲劇內核,藉由沉浸與疏離的辯證,解析此作如何再次照見觀眾自身的位置。
Thumbnail
柏林劇團在 2026 北藝嚴選,再次帶來由布萊希特改編的經典劇目《三便士歌劇》(The Threepenny Opera),導演巴里・柯斯基以舞台結構與舞台調度,重新向「疏離」進行提問。本文將從觀眾慾望作為戲劇內核,藉由沉浸與疏離的辯證,解析此作如何再次照見觀眾自身的位置。
Thumbnail
本文深入解析臺灣劇團「晃晃跨幅町」對易卜生經典劇作《海妲.蓋柏樂》的詮釋,從劇本歷史、聲響與舞臺設計,到演員的主體創作方法,探討此版本如何讓經典劇作在當代劇場語境下煥發新生,滿足現代觀眾的觀看慾望。
Thumbnail
本文深入解析臺灣劇團「晃晃跨幅町」對易卜生經典劇作《海妲.蓋柏樂》的詮釋,從劇本歷史、聲響與舞臺設計,到演員的主體創作方法,探討此版本如何讓經典劇作在當代劇場語境下煥發新生,滿足現代觀眾的觀看慾望。
Thumbnail
《轉轉生》為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,融合舞蹈、音樂、時尚和視覺藝術,透過身體、服裝與群舞結構,回應殖民歷史、城市經驗與祖靈記憶的交錯。本文將從服裝設計、身體語彙與「輪迴」的「誕生—死亡—重生」結構出發,分析《轉轉生》如何以當代目光,形塑去殖民視角的奈及利亞歷史。
Thumbnail
《轉轉生》為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,融合舞蹈、音樂、時尚和視覺藝術,透過身體、服裝與群舞結構,回應殖民歷史、城市經驗與祖靈記憶的交錯。本文將從服裝設計、身體語彙與「輪迴」的「誕生—死亡—重生」結構出發,分析《轉轉生》如何以當代目光,形塑去殖民視角的奈及利亞歷史。
Thumbnail
Google Gemini CLI 是一個強大的命令行工具,讓開發者可以在終端中直接與 Google 的 Gemini AI 模型互動。本文將提供在 Windows 系統上完整安裝和配置 Gemini CLI 的步驟,包括必要的依賴安裝(Node.js、Docker)和常見問題的解決方案。
Thumbnail
Google Gemini CLI 是一個強大的命令行工具,讓開發者可以在終端中直接與 Google 的 Gemini AI 模型互動。本文將提供在 Windows 系統上完整安裝和配置 Gemini CLI 的步驟,包括必要的依賴安裝(Node.js、Docker)和常見問題的解決方案。
Thumbnail
Windows版「訊飛語音輸入法」快捷鍵擴充工具 新版本 v4.0.1 🔼 新增 iFlyIME_Path 偏好設定,支援自訂 iFlyVoice.exe 路徑,自由切換訊飛版本與安裝位置。
Thumbnail
Windows版「訊飛語音輸入法」快捷鍵擴充工具 新版本 v4.0.1 🔼 新增 iFlyIME_Path 偏好設定,支援自訂 iFlyVoice.exe 路徑,自由切換訊飛版本與安裝位置。
Thumbnail
這篇文章提供在Windows系統中使用Docker安裝n8n的步驟教學,包含下載安裝Docker、使用WSL更新、以Docker執行n8n、設定端口、資料夾路徑以及防火牆設定等細節,最後也說明如何取得免費授權金鑰與使用n8n的功能。
Thumbnail
這篇文章提供在Windows系統中使用Docker安裝n8n的步驟教學,包含下載安裝Docker、使用WSL更新、以Docker執行n8n、設定端口、資料夾路徑以及防火牆設定等細節,最後也說明如何取得免費授權金鑰與使用n8n的功能。
Thumbnail
這款由教育部委託開發的臺語輸入法,支援 Windows 和 Linux 系統,提供快速輸入詞彙、萬用字元、自訂字詞庫等功能,讓使用者能輕鬆以臺羅拼音輸入臺語漢字。
Thumbnail
這款由教育部委託開發的臺語輸入法,支援 Windows 和 Linux 系統,提供快速輸入詞彙、萬用字元、自訂字詞庫等功能,讓使用者能輕鬆以臺羅拼音輸入臺語漢字。
Thumbnail
繼上次發佈的 ,是Mac專用 觀看的成績蠻不錯的,本次要來分享Windows專用的無蝦米輸入法!
Thumbnail
繼上次發佈的 ,是Mac專用 觀看的成績蠻不錯的,本次要來分享Windows專用的無蝦米輸入法!
Thumbnail
近期許多客戶安裝了2022年7月更新後,電腦會不定時突然無法輸入中文,到設定裡查看也會看到輸入法變成(僅桌面)的狀態,這狀況查了網路後,雖然有查到把服務裡面的其中一項啟用即可馬上恢復,但重開機後有機會馬上再發生。後來同事找到了可以免重灌的暫時性解決的方式。 首先先解除僅桌面的狀況,輸入service
Thumbnail
近期許多客戶安裝了2022年7月更新後,電腦會不定時突然無法輸入中文,到設定裡查看也會看到輸入法變成(僅桌面)的狀態,這狀況查了網路後,雖然有查到把服務裡面的其中一項啟用即可馬上恢復,但重開機後有機會馬上再發生。後來同事找到了可以免重灌的暫時性解決的方式。 首先先解除僅桌面的狀況,輸入service
Thumbnail
本文中介紹的標點符號與Emoji工具軟體,主要有以下種類: Windows內建的emoji與特殊符號輸入工具 Mac系統內建的emoji與特殊符號輸入工具 用 Mac 上的應用程式「Rocket」來輸入Emoji符號 用「輸入法」來輸入Emoji與特殊符號(Windows/Mac) 用筆記軟體 No
Thumbnail
本文中介紹的標點符號與Emoji工具軟體,主要有以下種類: Windows內建的emoji與特殊符號輸入工具 Mac系統內建的emoji與特殊符號輸入工具 用 Mac 上的應用程式「Rocket」來輸入Emoji符號 用「輸入法」來輸入Emoji與特殊符號(Windows/Mac) 用筆記軟體 No
Thumbnail
關鍵字:Python、 Window、pip、安裝、作業系統、套件 首先下載 get-pip.py 檔案(點右鍵另存連結為(K)) 開始列>執行>cmd 或是開始列>搜尋>cmd 都可以開啟命令提示字元 接著輸入python "資料夾位置"\get-pip.py 安裝成功後會顯示Succ
Thumbnail
關鍵字:Python、 Window、pip、安裝、作業系統、套件 首先下載 get-pip.py 檔案(點右鍵另存連結為(K)) 開始列>執行>cmd 或是開始列>搜尋>cmd 都可以開啟命令提示字元 接著輸入python "資料夾位置"\get-pip.py 安裝成功後會顯示Succ
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News