VSC - VS Code 基礎使用

時間 2020-07-12

標籤 vsc code 基礎使用简体版

原文原文鏈接

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

官網入門：https://docs.microsoft.com/zh-cn/learn/modules/develop-web-apps-with-vs-code/
Tutorials：https://geek-docs.com/vscode/vscode-tutorials

2 - Shortcuts

能夠給已安裝的任何插件配置快捷鍵: 文件--->首選項--->鍵盤快捷方式
在文件中選中內容後，點擊鼠標右鍵，會出現全部可用操做和對應的快捷鍵
顯示當前全部快捷鍵（包括插件）：Ctrl + k Ctrl + s

針對Windows系統

https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf

# 命令面板：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

禪模式：關閉全部導航欄、工具欄、標題欄、菜單欄等外部組件，將當前文件編譯區域全屏，在最簡化的界面下，進行沉浸式編輯。

也能夠在此模式下，根據需求開啓新的功能窗口。css

例如，經過快捷鍵（Ctrl + J）開啓終端

開啓禪模式

快捷鍵：Ctrl + K Z
查看 ---》外觀 ---》禪模式
命令面板：Ctrl+Shift+P ---》視圖：切換禪模式

退出禪模式

快捷鍵：Ctrl + K Z
使用快捷鍵Alt彈出菜單欄，查看 ---》外觀 ---》取消禪模式
命令面板：Ctrl+Shift+P ---》視圖：切換禪模式

4 - Extensions

VSCode 的marketplace包含了數以千計的功能各異的Extensions，極大地改善了VS Code的適用性和擴展了使用範圍。

https://marketplace.visualstudio.com/VSCode

4.1 Onlinehtml

快捷鍵CTRL+SHIFT+X，或者選擇擴展標籤，打開擴展 ---》輸入須要安裝的擴展名稱或關鍵字，從索引出的「擴展」列表中選擇，根據提示安裝。

4.2 Offlinegit

https://marketplace.visualstudio.com/VSCode

在擴展官網上，找到打開要安裝擴展的頁面，點擊頁面中的"Download Extension"，下載以 .vsix結尾的文件

例如，Python

下載對應的.vsix 文件github

安裝方式web

方式1: 擴展標籤中，選擇」...「，彈出擴展設置，選擇」從VSIX安裝「，而後重啓便可

方式2: 在存放文件的目錄下執行code命令

code --install-extension <extension-name>.vsix

方式3：直接複製到對應的擴展安裝目錄中，而後重啓，例如，Windows系統「C:\Users\用戶名\.vscode\extensions」

References正則表達式

離線安裝vscode vsix插件： http://www.javashuo.com/article/p-epwsfgpb-gk.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 代碼拼寫檢查, 檢查代碼中的單詞拼寫錯誤並給出錯誤拼寫單詞的建議