背景

Visual Studio Code（簡稱VS Code）是一款由微軟開發且跨平臺的免費原始碼編輯器[6]。該軟體支援語法高亮、程式碼自動補全（又稱IntelliSense）、程式碼重構、檢視定義功能，並且內建了命令列工具和Git版本控制系統[7]。
使用者可以更改主題和鍵盤快捷方式實現個性化設定，也可以通過內建的擴充套件程式商店安裝擴充套件以拓展軟體功能。 -WikipediaVisual

下載

Visual Studio Code 支援支援 Windows、Linux、Mac；

• 官網地址： https://code.visualstudio.com/
• 外掛地址： https://marketplace.visualstudio.com/

使用

• 佈局

  上面是 vscode 的佈局，和大多數編輯器一樣，分為：

  • Editor 用來編輯檔案的主體區域。可以並排開啟三個編輯器。
  • Side Bar 包含不同的像瀏覽器一樣的檢視來協助來完成工程。
  • Status Bar 展示當前開啟的工程和正在編輯的檔案的資訊。
  • View Bar 在最左手邊，幫助切換檢視以及提供額外的上下文相關的提示，比如激活了Git的情況下，需要提交的變化的數目。

• 快捷鍵

  VScode 快捷鍵入口

• 擴充套件

  • 必裝擴充套件
    • Chinese (Simplified) Language Pack for Visual Studio Code
      中文擴充套件
    • vscode-icons 檔案圖示樣式
    • Bracket Pair Colorizer 2 彩色括號
  • 推薦擴充套件
    • One Dark Pro 熱門黑色主題
    • markdownlint Markdown 樣式（快捷鍵 Ctrl + Shift + V預覽，或 Ctrl + K V側邊預覽）
    • Vim Vim 編輯器
    • SonarLint 程式碼檢查（支援JavaScript、TypeScript、Python、Java、HTML和PHP程式碼的分析）

• 配置

  • 工作區講解與使用

  • 自動儲存

    開啟設定 --> file.autoSave --> 改為afterDelay
            --> file.autoSaveDelay --> 5000 配置自動儲存時間(毫秒)
     
    

Reference

• https://zhuanlan.zhihu.com/p/54770077
• https://zhuanlan.zhihu.com/p/35176928