目錄：
一、開局引入
二、安裝和下載的地址
三、側邊欄介紹
四、初步印象
五、其它優點
六、你需要知道VSCode的缺點
七、方便的快捷鍵
八、插件支持及安裝
九、VSCode系統中英文切換
一、開局引入：
選擇vs code的原因， vs code 比sublime開源，比atom更快，比webstorm更輕。當然HBuilder也不錯，會在後續和大家聊一聊。
二、windows系統下安裝和下載的地址：
https://code.visualstudio.com/Download
三、側邊欄介紹：
四、初步印象：
- 文件目錄管理很強大。
- 自定義配置，主題，自動保存，可以設置延遲毫秒後保存，也可以設置文件失去焦點時自動保存。
- 集成Git，快速diff,而且修改文件後會左邊會顯示指示器，比如刪除會顯示紅色，增加顯示綠色，修改則顯示藍色。
- 智能提示很強大。
- Go to Definition很方便,按F12自動跳轉到方法定義處，如果不想跳轉，直接shift+F12實現Peek功能！
- 自帶emmet支持html/jade/css/less/sass/xml，前端福音。
- 自帶強大的調試功能。
-龐大的開源社區和所有開發者需要的和想要的功能。
五、其它優點：
-加載大文件幾乎秒開。
-C#支持高亮，已經編譯過的還支持引用。
-JS、HTML等支持高亮和補全。
-免費 開源，這點很香。-插件支持極好：安裝+卸載+查找都方便+數量多+質量高
-可以在github上在線使用。
-可擴展和可定製性強。
六、你需要知道VSCode的缺點：
-對C#支持還不夠好。
-不支持工程加載，只支持文件夾加載，引用比較複雜的大工程支持力度低。
-支持git但是對github沒提供接口。
-debug需要手動輸入參數，雖不復雜，但和VS一貫定位不符。
七、方便的快捷鍵：
7.1主命令框：
- 顯示所有命令：ctrl+shift+P 或 單鍵F1 ；
7.2編輯器與窗口管理：
-打開一個新窗口：
Ctrl+Shift+N ；-關閉窗口：
Ctrl+Shift+W ；-新建文件 ：
Ctrl+N ；-文件之間切換 ：
Ctrl+Tab；-切出一個新的文集編輯窗口：Ctrl+\
；
7.3代碼格式調整：
-代碼行縮進: Ctrl+[ 、 Ctrl+]；
-複製或剪切當前行/當前選中內容：Ctrl+C 、 Ctrl+V ；
-代碼格式化： Shift+Alt+F；
-光標上下移動一行： Alt+↑ 或 Alt+↓；
-向上向下複製一行： Shift+Alt+↑ 或 Shift+Alt+↓；
-準備在當前行下邊插入一行，光標移動: Ctrl+Enter；
-準備在當前行上方插入一行，光標移動： Ctrl+Shift+Enter；
7.4鼠標光標位置相關：
-移動到當前行 行首： Home鍵；
-移動到當前行 行尾： End鍵；
-移動到文件結尾： Ctrl+End；
-移動到文件開頭： Ctrl+Home；
-移動到後半個括號： Ctrl+Shift+]；
-選擇從光標到行尾： Shift+End；
-選擇從行首到光標處： Shift+Home；
-刪除光標右側的所有字： Ctrl+Delete；
-擴展/縮小選取範圍： Shift+Alt+Left 和 Shift+Alt+Right；
-快速多行列編輯：Alt+Shift+鼠標左鍵；
-手動多行列編輯：Alt + 鼠標左鍵逐個點擊；
-同時選中所有匹配項： Ctrl+D ；
-回退上一個光標操作： Ctrl+U；
7.5重構代碼：
-找到所有的引用： Shift+F12；
-同時修改本文件中所有匹配的： Ctrl+F12；
-重命名：比如要修改一個方法名，可以選中後按 F2，輸入新名字，回車，則所有該方法的引用也都同步更新了；
-當有多個錯誤時可以按 ：F8 逐個跳轉；
7.6查找和替換：
-查找： Ctrl+F；
-查找替換： Ctrl+H；
-整個文件夾中查找： Ctrl+Shift+F 側邊欄中的Search；
7.7顯示相關：
-全屏/退出全屏：F11；
-側邊欄顯/隱： Ctrl+B；
-顯示 Debug： Ctrl+Shift+D；
-顯示 Output： Ctrl+Shift+U；
-顯示常用終端命令工具TERMINAL: Ctrl +`(Esc下邊那個鍵)
7.8其它：
- 開始調試： F5；
- 快速切換項目文件：Ctrl+P；
- 打開終端：Ctrl+ `(esc下邊的那個鍵)；
-創建新的終端：Ctrl+Shift +`(esc下邊的那個鍵)；
- 打開命令行(其他指令其實都是基於命令行的，可直接在輸入框輸入?來查詢指令)： Ctrl+E ；
- 跳轉到指定行：Ctrl+G，在輸入要調到的行數；-自動保存：File -> AutoSave，或者 Ctrl+Shift+P，輸入 auto；
- 調整代碼行整體上下移動：alt+↑/↓；
八、插件支持及安裝：點擊Extensions(拓展模塊)，然後對需要的插件進行install。
8.1自動閉合HTML標籤：
推薦安裝：Auto Close Tag
8.2文件類型一目瞭然：
推薦安裝 ：vscode-icons
8.3更加高效的管理項目：
推薦安裝：Project Manager
8.4美化你的代碼：
推薦安裝：Beautify
8.5括號對彩色化：
推薦安裝：Bracket Pair Colorizer
8.6一鍵搭建各類語言的學習測試環境-萬能語言運行環境 ：
推薦安裝：Code Runner
8.7如何實時自動檢測你的代碼規範與代碼中的錯誤：團隊代碼格式一致化檢查-代碼檢查工具
推薦安裝：ESLint/TSLint
8.8代碼拼寫檢查器：
推薦安裝：Code Spell Checker
8.9讓代碼適當縮進和分隔：
推薦安裝：Prettier - Code formatter
8.10文件路徑處理器工具：
推薦安裝：Path Intellisense
8.11編輯器內部預覽瀏覽器效果：
推薦安裝：View In Browser
8.12ES6代碼片段：
推薦安裝：JavaScript (ES6) code snippets
8.13github擴展：
推薦安裝：GitHub
8.14GitLens：
推薦安裝：GitLens — Git supercharged
8.15 node包管理工具：
推薦安裝：npm
8.16快速註釋:
安裝推薦：Document This
8.17Chrome瀏覽器聯動調試：
推薦安裝：Debugger for Chrome
8.18備忘插件：
推薦安裝：TODO Highlight
8.19如何集成並美化你的終端到VSCode:
推薦安裝：Integrated Terminal Filedir
8.20頂部註釋：
推薦安裝：vscode-fileheader
8.21在編輯器底部狀態欄顯示當前文件大小：
推薦安裝：filesize
8.22引入包大小計算：
推薦安裝：Import Cost
8.23Vue相關：
推薦安裝：vue，Vue VSCode Snippets，Vetur，Vuex Suggest
8.24同步vscode設置到碼雲(gitee)：
推薦安裝：code settings sync
文章推薦 — 同步個人vs code 習慣性配置 到碼雲(Gitee) : https://blog.csdn.net/xinxiaoyonng/article/details/106587205
九、VSCode系統中英文切換：
9.1 其它語言插件安裝：點擊Extensions(拓展模塊)，搜索 language，會顯示一系列語言插件。
英文由於是原生態版本，無需安裝插件。其它語言需要去安裝語言支持插件。
中文插件安裝：Chinese (Simplified) Language Pack for Visual Studio Code
日文插件安裝：Japanese Language Pack for Visual Studio Code
韓語插件安裝：Korean Language Pack for Visual Studio Code
9.2 執行搜索快捷鍵 Ctrl+Shift+P，調出所有配置搜索框。
9.3 在搜索框內輸入：Configure Display Language(配置顯示語言) 然後執行搜索，選擇顯示的系統語言，英文選擇en,中文zh-cn。
9.4 選擇後，重啓VSCode
十、最後的結語：
這是我使用vs code時習慣使用的快捷鍵和插件支持。
在這裏一是爲自己記錄一下，二是向大家推薦一下。
由於個人使用習慣不同，所以僅供大家參考。
謝謝您的閱讀。