VSCode 的使用

常用設定

• Auto Save：可以設定自動儲存的時機。
• Auto Save Delay：設定自動儲存的延遲時間，僅當自動儲存設定為afterDelay生效。
• Font Size：字型大小。
• Font Family：字體系列。
• Tab Size：一個製表符等於的空格數。
• Render Whitespace：設定文字中空白字元，如空格，製表符等如何顯示。
  • boundary，顯示除了字元之間的空格外的所有空白字元。
• Cursor Style：游標樣式，可以是豎線，方塊等。
• Insert Spaces：按下 tab 鍵時，插入空格。
• Exclude：排除檔案和資料夾，不再資源管理器中顯示。

工作區設定

task 用於在 launch 前執行任務，launch 用於執行檔案。

• 對於編譯型語言，這兩者經常組合起來用於需要編譯語言的自動編譯+自動執行。
• 對於解釋型語言，通常只使用 launch 來執行指令碼。

以下是預定義的變數：

task

• 在開啟的資料夾或者工作區中按住control+shift+b，會自動執行 task。如果沒有會提示配置任務。
• task 可以是多個。

// c/c++ 編譯任務
{
  "version": "2.0.0",
  "tasks": [
    {
      "type": "shell", // 任務執行的是 shell 命令
      "label": "g++ build active file", // 任務的名字
      "command": "/usr/bin/g++", // 要執行的命令
      // 在呼叫此任務時傳遞給命令的引數
      "args": [
        "-g",
        "${file}",
        "-o",
        "${fileDirname}/${fileBasenameNoExtension}",
        "-I",
        "${workspaceFolder}/include",
        "-L",
        "${workspaceFolder}/lib",
        "-lmymath"
      ],
      // 任務分組資訊
      "group": {
        "kind": "build", // 是 build 執行組還是 test 執行組
        "isDefault": true // 預設任務，不用再選擇
      }
    }
  ]
}

launch

• 這個是在除錯的時候可以選擇多種除錯環境，連續按兩下除錯區的齒輪符號即可。
• launch 可以是多個。

// c/c++ 啟動程式
{
  // 使用 IntelliSense 瞭解相關屬性。
  // 懸停以檢視現有屬性的描述。
  // 欲瞭解更多資訊，請訪問: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "preLaunchTask": "g++ build active file", // 在 launch 之前執行的任務名
      "name": "g++ build and debug active file", // 啟動名
      "type": "cppdbg",
      "request": "launch",
      "cwd": "${workspaceFolder}", // 當前工作路徑
      "program": "${fileDirname}/${fileBasenameNoExtension}", // 執行的程式名
      "args": [], // 程式執行時的引數
      "stopAtEntry": false, // 為 true 時在程式入口處開始單步除錯
      "environment": [],
      "externalConsole": false, // 是否使用外部控制檯
      "MIMode": "gdb",
      "miDebuggerPath": "/usr/bin/gdb"
    }
  ]
}

// python 啟動程式
{
  // 使用 IntelliSense 瞭解相關屬性。
  // 懸停以檢視現有屬性的描述。
  // 欲瞭解更多資訊，請訪問: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Python: 當前檔案",
      "type": "python",
      "request": "launch",
      "program": "${file}",
      "console": "integratedTerminal"
    }
  ]
}

外掛擴充套件

Auto Rename Tag, Bracket Pair Colorizer 2, C/C++, Chinese (Simplified) Language Pack for Visual Studio Code, Code Runner, code settings sync, Docker, GitLens-Git supercharged, hexdump for VSCode, Include Autocomplete, Java Extension Pack, JS-CSS-HTML Formatter, LaTeX Workshop, Markdown All in One, makrdownlint, One Dark Pro, Path Intellisense, Prettier-Code formatter, Python, shell-format, TODO Highlight, Vetur, vscode-icons

基礎外掛

• Bracket Pair Colorizer 2：給對應的英文括號上以不同的顏色區分。
• Chinese (Simplified) Language Pack for Visual Studio Code：VSCode 的中文簡體語言包。
• Code Runner：快速執行多種語言程式碼。
• code settings sync：設定和外掛雲備份。
• Docker：構建，管理和部署容器化應用程式。
• GitLens-Git supercharged：增強 VSCode 的 Git 能力。
• hexdump for VSCode：以二進位制檢視檔案。
• JS-CSS-HTML Formatter：前段程式碼格式化。
• One Dark Pro：好看的 VSCode 主題擴充套件。
• Path Intellisense：檔案路徑的自動補全。
• Prettier-Code formatter：多種語言的程式碼格式化。
• shell-format：指令碼的格式化。
• TODO Highlight：代辦高亮。
• vscode-icons：好看的 Vscode 圖示擴充套件。

開發外掛

HTML

• Auto Rename Tag：修改標籤時，同時修改頭和尾標籤。
• Vetur：Vue 開發工具。

Markdown

• Markdown All in One：Markdown 的基礎擴充套件。
• makrdownlint：Markdown 語法檢測。

LaTeX

• LaTeX Workshop：LaTeX 的基礎擴充套件。

C/C++

• C/C++：C/C++ 的基礎擴充套件。
• Include Autocomplete：自動補全標頭檔案。

Python

• Python：Python 的基礎擴充套件。

Java

• Java Extension Pack：Java 的基礎擴充套件，包含很多擴充套件包。

外掛設定

code settings sync

• 在 gitee 上釋出一個程式碼片段，獲取自己的gistid
• 在 gitee 上建立一個私人令牌，用於獲取程式碼片段的許可權。
• 在 code settings sync 的設定中輸入這兩串字元。

TODO Highlight

在需要設定待辦的位置輸入TODO:, FIXME:即可。

快捷鍵

• 調出命令欄：command+shift+p
• 調出終端：control+上頓號
• 選中程式碼左移：tab
• 選中程式碼右移：shift+tab
• 查詢和替換：command+f, option+command+f
• 行註釋和塊註釋：command+/, shift+option+a
• 格式化文件：shift+option+f
• 自動換行：option+z
• 轉到定義：command+左鍵或者f12
• 返回跳轉定義：
  • Windows：alt+←, alt+→
  • Mac：control+-, shift+control+-
  • Linux：control+alt+-, control+shift+-