Featured image of post VS Code 終端機 code 指令安裝指南:一鍵啟動編輯器

VS Code 終端機 code 指令安裝指南:一鍵啟動編輯器

讓你的終端機瞬間擁有召喚 VS Code 的超能力,告別繁瑣的檔案拖曳操作。只需30秒,即可在終端機中使用 code 指令快速開啟專案和檔案。

VS Code Terminal

讓你的終端機瞬間擁有召喚 VS Code 的超能力,告別繁瑣的檔案拖曳操作。

前言

你是否羨慕過那些在終端機中瀟灑地輸入 code . 就能開啟整個專案的高手?而你還在 Finder 裡逐層點擊資料夾,再拖進 VS Code?這篇指南將幫你補上這個「遺漏的安裝步驟」。

code 指令不僅能開啟檔案和資料夾,還支援行號跳轉、diff 比對等進階功能。對於開發者來說,這是提升效率的神器。

方法一:命令面板安裝(最推薦)

這是 VS Code 官方提供的標準安裝方式,簡單快速:

  1. 開啟 VS Code

  2. 啟動命令面板:按 Cmd + Shift + P(macOS)或 Ctrl + Shift + P(Windows/Linux)

  3. 搜尋指令:輸入 shell command

  4. 執行安裝:選擇 「Shell Command: Install ‘code’ command in PATH」

Command Palette

終端機會立即顯示安裝成功的提示訊息。

方法二:手動設定 PATH(備選方案)

如果方法一找不到 shell command 選項,可能是因為 VS Code 的位置不在標準路徑。你可以手動新增 PATH:

macOS(zsh,系統預設):

1
2
echo 'export PATH="$PATH:/Applications/Visual Studio Code.app/Contents/Resources/app/bin"' >> ~/.zshrc
source ~/.zshrc

macOS(bash):

1
2
echo 'export PATH="$PATH:/Applications/Visual Studio Code.app/Contents/Resources/app/bin"' >> ~/.bash_profile
source ~/.bash_profile

Linux:

1
2
echo 'export PATH="$PATH:/usr/bin/code"' >> ~/.bashrc
source ~/.bashrc

方法三:確認 VS Code 在正確位置

有時安裝選項不出現,是因為 VS Code 不在 /Applications/ 目錄:

  1. 檢查 VS Code 是否在 Applications 資料夾
  2. 如果是從下載資料夾開啟的,拖曳到 /Applications/
  3. 完全關閉 VS Code(Cmd + Q
  4. 重新開啟 VS Code,再嘗試方法一

驗證安裝

安裝完成後,驗證是否成功:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
# 查看版本
code --version

# 開啟目前目錄
code .

# 開啟指定檔案
code README.md

# 開啟檔案並跳轉到指定行
code app.js:42

# 比對兩個檔案
code --diff file1.js file2.js

常用 code 指令速查

指令 功能
code . 在目前目錄開啟 VS Code
code filename 開啟指定檔案
code -r filename 在已有視窗中開啟檔案
code -n 開啟新的 VS Code 視窗
code --diff a b 比對兩個檔案差異
code --list-extensions 列出已安裝的擴充功能

結語

安裝 code 指令只需 30 秒,但能讓你的開發效率提升一個檔次。無論是快速開啟專案、跳轉到指定程式碼行,還是進行檔案比對,這個指令都是終端機開發者的必備技能。

如果遇到安裝問題,優先檢查 VS Code 是否在標準 Applications 目錄,然後嘗試手動設定 PATH 方案。