Visual Studio Code

Visual Studio Code 快速鍵列表

常用快速鍵

• 開啟命令選擇器： Ctrl + Shift + P 或 F1
• 搜尋檔案： Ctrl + P
• 搜尋全域內容： Ctrl + Shift + F
• 切換終端機： Ctrl + ` (鍵盤上的反引號)
• 檔案儲存： Ctrl + S

編輯相關快速鍵

• 複製行： Alt + Shift + ↓ 或 ↑
• 刪除行： Ctrl + Shift + K
• 移動行： Alt + ↑ 或 ↓
• 格式化程式碼： Shift + Alt + F
• 快速換行/展開： Ctrl + Enter 或 Shift + Enter

多游標與選取

• 新增多重游標： Alt + 點擊
• 選取相同單字： Ctrl + D
• 選取所有相同單字： Ctrl + Shift + L
• 區域選取： Shift + Alt + 拖曳

檔案與視窗管理

• 新建檔案： Ctrl + N
• 開啟檔案： Ctrl + O
• 切換分割視窗： Ctrl + 1, 2, 3...
• 關閉檔案： Ctrl + W

調試與執行

• 啟動調試： F5
• 停止調試： Shift + F5
• 逐步執行： F10
• 進入函數內部： F11
• 跳出函數： Shift + F11

搜尋與替換

• 搜尋： Ctrl + F
• 搜尋並替換： Ctrl + H
• 搜尋下一個匹配： F3
• 搜尋上一個匹配： Shift + F3

自訂快速鍵

您可以透過 File > Preferences > Keyboard Shortcuts（或按 Ctrl + K + Ctrl + S）來自訂快速鍵設定。

VSCode 插入日期字串

方法 1：使用擴充套件 Insert Date String

1. 打開擴充套件市集（按 Ctrl + Shift + X，Mac：Cmd + Shift + X）。
2. 搜尋並安裝 Insert Date String 擴充套件。注意市集中有幾個類似的套件，每個支援的參數不同。
3. 安裝後，預設可使用快捷鍵 Alt + Shift + I 插入目前的日期時間。
4. 也可以按 Ctrl + Shift + P，執行 Insert Date String 指令。

方法 2：使用 Code Snippets

1. 按 Ctrl + Shift + P（Mac：Cmd + Shift + P），輸入並選擇 Preferences: Configure User Snippets。
2. 選擇一個語言（如 plaintext.json 或 python.json）。
3. 新增以下範例片段：

"Insert Date": {
    "prefix": "date",
    "body": [
        "${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE}"
    ],
    "description": "插入目前日期"
}

輸入 date 並按 Tab 即可插入日期。

方法 3：使用擴充套件 macros 搭配日期功能

• 安裝 Macros 擴充套件。
• 透過設定將日期插入動作包成宏，綁定快捷鍵使用。

補充：自訂格式

Insert Date String 擴充套件支援多種日期格式，安裝後可在 settings.json 中自訂格式，例如：

"insertDateString.format": "YYYY-MM-DD HH:mm:ss"

VSCode 的 Python 擴充套件

如何安裝

1. 開啟 VSCode，按 Ctrl + Shift + X（Mac: Cmd + Shift + X）開啟「擴充套件市集 (Extensions)」。
2. 在搜尋欄輸入 Python，選擇 Microsoft 提供的官方 Python 擴充套件（藍色圖示）。
3. 點擊 Install 安裝。

主要功能

語法高亮與 IntelliSense

• 提供即時語法檢查與建議。
• 自動補全函式與變數名稱，提高編寫效率。

大綱 (Outline) 檢視函式與類別

• 透過 大綱 (Outline) 面板 快速檢視 Python 檔案內的函式與類別結構。
• 按 Ctrl + Shift + O（Mac: Cmd + Shift + O）快速瀏覽符號清單。

除錯 (Debugging)

• 內建完整的 除錯工具，支援中斷點、單步執行 (F5)、變數檢視等功能。

Python 環境管理

• 支援 虛擬環境 (venv、conda)，可輕鬆切換 Python 版本與環境。
• 按 Ctrl + Shift + P（Mac: Cmd + Shift + P）並輸入 Python: Select Interpreter 選擇 Python 版本。

Jupyter Notebook 支援

• 內建 Jupyter Notebook 編輯功能，支援 .ipynb 格式，適合資料科學與機器學習開發。

推薦的 Python 相關擴充套件

開啟 VSCode 的 settings.json

方法一：透過指令面板

1. 按下 Ctrl + Shift + P（Mac：Cmd + Shift + P）。
2. 輸入 Preferences: Open Settings (JSON) 並選擇。
3. VSCode 會開啟 settings.json，可直接編輯個人設定。

方法二：從圖形介面進入

1. 點選左下角齒輪圖示（⚙️）。
2. 選擇「設定 (Settings)」。
3. 右上角點擊「{} Open Settings (JSON)」圖示，進入 settings.json 編輯頁面。

方法三：直接開啟檔案位置

Windows / Linux：

%APPDATA%\Code\User\settings.json

macOS：

~/Library/Application Support/Code/User/settings.json

你也可以用 VSCode 的 File → Open File 直接開啟該路徑的檔案。

Visual Studio Code 的語法格式化

1. 使用快捷鍵進行格式化

2. 啟用檔案儲存時自動格式化

3. 安裝格式化擴展工具

4. 設定默認格式化工具

5. 自訂格式化規則

   {
       "tabWidth": 4,
       "useTabs": false,
       "singleQuote": true,
       "trailingComma": "es5"
   }
   

6. 使用 .editorconfig 文件

   [*.{js,css,html}]
   indent_style = space
   indent_size = 2
   

7. 快速修復格式問題

8. 總結

將檔案從 Big5 編碼轉換為 UTF-8

在 Visual Studio Code 中將所有空格轉換為 Tab

1. 打開指令面板

2. 確認當前縮排類型

3. 轉換縮排為 Tab

4. 調整 Tab 寬度（可選）

5. 儲存檔案

6. 設定預設縮排為 Tab（可選）

步驟 1：打開設定

步驟 2：搜尋縮排設定

步驟 3：設置 Tab 寬度

步驟 4：應用於工作區（可選）

總結

VS Code 切換程式碼折疊顯示

手動切換折疊

• 折疊當前範圍：Ctrl + Shift + [（Windows/Linux），Cmd + Option + [（Mac）
• 展開當前範圍：Ctrl + Shift + ]（Windows/Linux），Cmd + Option + ]（Mac）
• 折疊所有區塊：Ctrl + Shift + Alt + [（Windows/Linux），Cmd + Option + Shift + [（Mac）
• 展開所有區塊：Ctrl + Shift + Alt + ]（Windows/Linux），Cmd + Option + Shift + ]（Mac）

設定啟用或停用折疊功能

1. 開啟設定（Ctrl + , 或 Cmd + ,）。
2. 搜尋 Editor > Folding。
3. 切換 Editor: Folding 設定：
   • 開啟（預設）： 允許折疊範圍。
   • 關閉： 停用折疊功能。

或直接編輯 settings.json：

{
    "editor.folding": false
}

特定區塊折疊

• Python、C#、JavaScript： 使用 #region 和 #endregion。
• C、Java、JavaScript： 折疊大括號 {...}。
• Python、YAML： 使用縮排來折疊。

擴充功能

• 可使用 Folding 或 Better Comments 擴充功能來增加折疊控制。

VS Code 變更檔案編碼

使用快捷鍵變更檔案編碼

1. 按 Ctrl + K Ctrl + S（Windows/Linux）或 Cmd + K Cmd + S（Mac）開啟快捷鍵設定。
2. 點擊右上角「開啟 JSON」圖示，開啟 keybindings.json。
3. 加入以下設定，設定快捷鍵將檔案編碼變更為 UTF-8：

[
    {
        "key": "ctrl+alt+u",
        "command": "workbench.action.editor.changeEncoding",
        "args": "utf8",
        "when": "editorTextFocus"
    }
]

• 快捷鍵：可更改 ctrl+alt+u 為其他按鍵組合。
• args：指定 "utf8" 為目標編碼，可改為其他編碼。

手動透過命令面板變更編碼

1. 按 Ctrl + Shift + P（Mac 使用 Cmd + Shift + P）。
2. 搜尋 「Change File Encoding」（變更檔案編碼）。
3. 選擇目標編碼，例如 UTF-8 或 Big5。

常見編碼列表

• utf8（UTF-8）
• utf16le（UTF-16 LE）
• utf16be（UTF-16 BE）
• big5（Big5）
• gbk（GBK）
• iso88591（ISO-8859-1）
• windows1252（Windows-1252）

測試快捷鍵

1. 打開一個非 UTF-8 編碼的檔案（如 Big5）。
2. 按下 Ctrl + Alt + U（或你設置的快捷鍵）。
3. 檔案應立即轉換為 UTF-8（無需手動選擇）。

從編輯器切換到檔案總管的快捷鍵

使用內建快捷鍵

• Windows / Linux： Ctrl + Shift + E
• Mac： Cmd + Shift + E

按下該快捷鍵後，焦點將從編輯器切換到「檔案總管」（Explorer）視窗。

自訂快捷鍵

1. 按 Ctrl + K Ctrl + S（Windows/Linux）或 Cmd + K Cmd + S（Mac）開啟快捷鍵設定。
2. 搜尋 「focus on explorer」，找到 workbench.view.explorer。
3. 點擊該項目，設定你想要的快捷鍵，例如 Ctrl + Alt + E。

手動設定 `keybindings.json`

如果要手動修改 JSON 設定，可以在 keybindings.json 加入以下內容：

[
    {
        "key": "ctrl+alt+e",
        "command": "workbench.view.explorer"
    }
]

測試快捷鍵

1. 確保開啟了一個程式碼檔案並位於編輯器內。
2. 按下 Ctrl + Shift + E 或你自訂的快捷鍵。
3. 焦點應該會切換到左側的檔案總管。

VSCode 使用游標位置的檔名進行 Go To File

方法 1：使用 Ctrl + P 並複製當前單詞

1. 將游標放在檔案名稱上。
2. 按 Ctrl + Shift + ←（Mac: Cmd + Shift + ←）選取檔名。
3. 按 Ctrl + C（Mac: Cmd + C）複製檔名。
4. 按 Ctrl + P（Mac: Cmd + P）開啟 Go To File 面板。
5. 貼上檔名（Ctrl + V 或 Cmd + V）並按 Enter 開啟檔案。

方法 2：使用 editor.action.goToImplementation

• 若檔案名稱在程式碼中被引用，如 import 或 require，可直接跳轉。
• 在檔案名稱上按 F12（跳轉到定義）。
• 或按 Ctrl + Click（Mac: Cmd + Click）。
• 若要在新分頁開啟，使用 Ctrl + Shift + Click。

方法 3：使用擴充套件 Quick File Open

若經常需要此功能，可安裝 Quick File Open 擴充套件，並設定快捷鍵，自動從游標位置提取檔案名稱並開啟。

3.1：擴充套件 Open file From Path - jack89ita

• Extension Settings: open-file-from-path.regExp : default: "['|\"]([^'|\"]+)['|\"]"

在 VSCode 瀏覽目前 Python 檔案的函式清單

使用大綱 (Outline) 面板

1. 開啟 VSCode 的側邊欄 (Explorer)。
2. 找到 大綱 (Outline) 面板，會自動顯示目前 Python 檔案的函式與類別。
3. 如果沒有顯示，可以按 Ctrl + Shift + P（Mac: Cmd + Shift + P）開啟指令面板，輸入 View: Show Outline 並執行。

使用快速符號搜尋

1. 按 Ctrl + Shift + O（Mac: Cmd + Shift + O）。
2. 會顯示目前檔案的所有函式與類別清單，可點擊快速跳轉。

使用 @ 或 : 快速過濾

• 按 Ctrl + P（Mac: Cmd + P）開啟快速搜尋面板。
• 輸入 @ 來查看所有函式與類別。
• 輸入 :@ 來僅顯示 Python 類別與函式。

使用 Python 擴充套件

• 安裝 Microsoft 官方 Python 擴充套件，可在 大綱 (Outline) 面板中解析 Python 檔案，顯示函式與類別列表。
• 使用 IntelliSense 可自動補全函式名稱，並快速跳轉至定義。

VS Code 中使用 Git

初始化 Git 儲存庫

• 在 VS Code 中開啟專案資料夾。
• 按下左側活動欄中的「版本控制」圖示。
• 如果資料夾尚未初始化 Git，點擊「初始化儲存庫」按鈕。

連結遠端儲存庫

• 開啟終端機（Ctrl + ` 或選單中選取「終端機」）。
• 輸入指令：git remote add origin [遠端儲存庫網址]。
• 確認連結成功：git remote -v。

新增檔案到版本控制

• 修改或新增檔案後，這些檔案會顯示在「變更」區域。
• 點選每個檔案旁的「+」按鈕，將其加入「暫存區」。

提交變更

• 在暫存區上方輸入提交訊息。
• 點擊「✔」按鈕進行提交。

推送至遠端儲存庫

• 點擊右上角的「...」選單，選擇「推送」。
• 或者在終端機輸入：git push origin main（根據分支名稱調整）。

拉取遠端變更

• 點擊右上角的「...」選單，選擇「拉取」。
• 或者在終端機輸入：git pull origin main。

檢視 Git 日誌

• 開啟終端機，輸入：git log 查看提交歷史。
• 或者使用 VS Code 擴充套件如「Git Graph」，圖形化查看。

資訊與搜尋

email: [email protected]