1 - VS Code
- Home: https://code.visualstudio.com/
- Documentation：https://code.visualstudio.com/docs
- API: https://code.visualstudio.com/api
- FAQ: https://code.visualstudio.com/docs/supporting/faq
- Release Notes： https://code.visualstudio.com/updates/
- Extensions： https://marketplace.visualstudio.com/VSCode
References
2 - Shortcuts
- 可以給已安裝的任何插件配置快捷鍵: 文件--->首選項--->鍵盤快捷方式
- 在文件中選中內容後， 點擊鼠標右鍵， 會出現所有可用操作和對應的快捷鍵
- 顯示當前所有快捷鍵（包括插件）：Ctrl + k Ctrl + s
針對Windows系統
# 命令面板：Ctrl+Shift+P
# 側邊欄開關：ctrl + B
# 控制檯開關：Ctrl + J
---------------------------------------------------
# 切換終端：Ctrl + `
# 分屏：Ctrl + \
# 分屏切換：Ctrl + 1-9
---------------------------------------------------
# 全部展開：Ctrl + K Ctrl + J
# 全部摺疊：Ctrl + K Ctrl + 0
# 摺疊級別：Ctrl + K Ctrl + （數字1~7對應相應級別）
# 摺疊所有塊註釋：Ctrl + K Ctrl + /
---------------------------------------------------
# 調節頁面字體大小：Ctrl - 與 Ctrl +
# 列選擇：Alt + Shift， 然後鼠標左鍵選擇
# 列編輯：Ctrl + Alt + ↑和Ctrl + Alt + ↓移動光標進行列編輯
# 當前行上移/下移：alt + ↑ / ↓
# 刪除當前行：ctrl + x
# 移到行首/行尾： home / end
---------------------------------------------------
# 快速查找指定的文件並且跳轉：Ctrl + P
# 在工程中查找：Ctrl + Shift + F
# 在文件中查找：Ctrl + F
# 在文件中替換：Ctrl + H
---------------------------------------------------
# 查看定義： Alt + F12
# 查看實現： Shift + Alt + F12
# 轉到定義：F12
# 轉到實現： Crtl + F12
# 轉到引用： Shift + F12
---------------------------------------------------
# 添加行註釋： Ctrl + K ctrl + C
# 格式化文檔： Shift + Alt + F
# 格式化選定內容： Ctrl + K ctrl + F
---------------------------------------------------
# 啓動調試：F5
# 打開和停止調試斷點：F9
# 單步調試：F11
---------------------------------------------------
3 - Zen Mode
禪模式：關閉所有導航欄、工具欄、標題欄、菜單欄等外部組件，將當前文件編譯區域全屏，在最簡化的界面下，進行沉浸式編輯。
也可以在此模式下，根據需求開啓新的功能窗口。
例如， 通過快捷鍵（Ctrl + J）開啓終端
開啓禪模式
- 快捷鍵：Ctrl + K Z
- 查看 ---》外觀 ---》禪模式
- 命令面板：Ctrl+Shift+P ---》 視圖：切換禪模式
退出禪模式
- 快捷鍵：Ctrl + K Z
- 使用快捷鍵Alt彈出菜單欄，查看 ---》外觀 ---》取消禪模式
- 命令面板：Ctrl+Shift+P ---》視圖：切換禪模式
4 - Extensions
VSCode 的marketplace包含了數以千計的功能各異的Extensions，極大地改善了VS Code的適用性和擴展了使用範圍。
4.1 Online
快捷鍵CTRL+SHIFT+X，或者選擇擴展標籤，打開擴展 ---》 輸入需要安裝的擴展名稱 或 關鍵字，從索引出的 “擴展”列表中選擇，根據提示安裝。
4.2 Offline
在擴展官網上，找到打開要安裝擴展的頁面，點擊頁面中的"Download Extension"，下載以.vsix結尾的文件
例如，Python
下載對應的.vsix 文件
安裝方式
- 方式1: 擴展標籤中，選擇”...“，彈出擴展設置，選擇”從VSIX安裝“，然後重啓即可
- 方式2: 在存放文件的目錄下執行code命令
code --install-extension <extension-name>.vsix
- 方式3：直接複製到對應的擴展安裝目錄中，然後重啓，例如，Windows系統“C:\Users\用戶名\.vscode\extensions”
References
- 離線安裝vscode vsix插件： https://www.cnblogs.com/yihr/p/8747044.html
4.3 Some Extensions
Common
- Chinese (Simplified) Language Pack for Visual Studio Code：中文界面
- Git History 提供可視化的 Git 版本樹管理，可通過命令面板或界面按鈕激活
- GitLens 增強內置Git 功能, 顯示豐富的git日誌，文件歷史、行歷史等
- Visual Studio IntelliCode 微軟官方提供的基於 AI 輔助的自動補全功能，支持 Python、TypeScript/JavaScript和Java語言
- TabNine 強大的 AI 輔助智能補全，支持幾乎所有編程語言
- Code Spell Checker 代碼拼寫檢查, 檢查代碼中的單詞拼寫錯誤並給出錯誤拼寫單詞的建議
- Settings Sync 使用GitHub Gist同步多臺計算機上的設置，代碼段，主題，文件圖標，啓動，鍵綁定，工作區和擴展
- Code Runner 萬能語言運行環境, 不用搭建各種語言的開發環境，選中一段代碼直接運行，非常適合學習或測試各種開發語言
- TODO Highlight 高亮顯示代碼中的 TODO、FIXME 及其他註解
- Docker 管理本地容器
- filesize 在狀態欄中顯示當前文件大小，點擊後還可以看到詳細創建、修改時間
- vscode-icons 文件圖標，實現對各種文件類型的文件前的圖標進行優化顯示，，可以直接通過文件的圖標快速知道文件類型
- Rainbow Brackets 爲圓括號，方括號和大括號提供彩虹色
- Bracket Pair Colonizer 2 彩虹括號，使用彩虹色區分標註不同的括號對
- Indent-Rainbow 用四種不同顏色交替着色文本前面的縮進
- Log File Highlighter 日誌文件高亮，主要是針對 INFO、WARN、ERROR 高亮，方便查看日誌文件
- Atuo Rename Tag 修改 html 標籤，自動幫你完成頭部和尾部閉合標籤的同步修改
- RegExp Preview and Editor 通過命令面板啓動，在分欄頁面中編輯正則表達式，並以數據流圖可視化顯示正則語法結構
Markdown
- Markdown Preview Enhanced 預覽與展示，以pdf文檔樣式的效果來顯示內容，默認配置
- Markdown Toc 生成目錄，需要配置參數
- Markdown PDF 可以簡單地將編寫的.md文件轉換成PDF等格式的文件，設置常用配置
- Markdownlint 語法規整和風格檢查
- Markdown Preview Github Stying 使用Github樣式來渲染Markdown，樸素簡潔
- Markdown All in One 功能組合包，包含了書寫Markdown需要用到的常用功能和設置（鍵盤快捷方式，目錄，自動預覽等），默認配置
- vscode-pdf 直接打開瀏覽pdf格式的二進制文件
Draw.io Integration
繪製流程圖、腦圖和UML圖，新建擴展名爲 .drawio、.dio 、.drawio.svg 文件即可進入編輯
Remote Development
- Remote - SSH：基於 SSH 的遠程開發
- Remote - Containers：基於 Docker 容器的遠程開發
- Remote - WSL：基於 Windows Subsystem for Linux(wsl) 的遠程開發
5 - Tips
01 - VS 與 VS code的區別
Visual Studio
- 集成開發環境
- 功能完整，包括了整個軟件生命週期中所需要的大部分工具，如UML工具、代碼管控工具等
Visual Studio Code
- 免費開源、跨平臺、插件化、高度可定製的輕量級代碼編輯器
- 支持幾乎所有主流的開發語言的語法高亮、智能代碼補全、自定義熱鍵、括號匹配、代碼片段、代碼對比 Diff、GIT 等特性
- 支持插件擴展，豐富的社區資源
- 針對網頁開發和雲端應用開發做了優化
02 - VSCode Insiders 預覽版
- https://code.visualstudio.com/insiders/
- 提前享受新特性，該版本保持每天一次滾動更新
03 - 中文顯示
Windows系統：
1. 快捷鍵CTRL+SHIFT+X，打開擴展 ---》 輸入Chinese，點擊索引出的 Chinese（Simplified）Language Pack for Visual Studio Code 來安裝中文語言包擴展
2. 快捷鍵CTRL+SHIFT+P， 打開命令面板 ---》 Configure Display Language ---》選擇相應語言， 根據提示重啓VS Code
04 - 固定窗口
單擊一個文件時，默認會替換之前的文件窗口
直接雙擊當前文件窗口的標題部分， 此時標題字體將變成正體，表示已完成窗口固定
此後新單擊新文件時，不會替換之前已固定的文件窗口
05 - Markdown編輯
新建文件時，文件名後綴是.md即可，打開後將被VS Code識別爲markdown文件。
VS Code默認將markdown文件渲染爲HTML的預覽。
06 - 瀏覽PDF文件
vscode-pdf 插件：直接打開瀏覽pdf格式的二進制文件