?原文地址
相關(guān)文檔
官方文檔（英文版）：Documentation for Visual Studio Code
中文文檔（未完成）：GitHub - jeasonstudio/CN-VScode-Docs: VScode說明文檔翻譯
這里提一句，，上面的中文文檔是我早期建的一個(gè)倉庫揩瞪，希望大家一起來為 VSCode 的中文社區(qū)的發(fā)展做出貢獻(xiàn)文狱，歡迎 fork & star
下載
簡(jiǎn)介
VSCode是微軟推出的一款輕量編輯器圈暗，采取了和VS相同的UI界面掂为，搭配合適的插件可以優(yōu)化前端開發(fā)的體驗(yàn)裕膀。
布局：左側(cè)是用于展示所要編輯的所有文件和文件夾的文件管理器员串，依次是`資源管理器`，`搜索`昼扛，`GIT`寸齐，`調(diào)試`，`插件`抄谐，右側(cè)是打開文件的編輯區(qū)域渺鹦，最多可同時(shí)打開三個(gè)編輯區(qū)域到側(cè)邊。
底欄：依次是`Git Branch`蛹含，`error&warning`毅厚，`編碼格式`等。
常用插件（待補(bǔ)充）
HTML Snippets：增強(qiáng)了zen-coding浦箱，增加了H5的自動(dòng)補(bǔ)全吸耿，安裝后每次打開自動(dòng)啟用(可能與其他插件沖突)。
Angular 1.x Snippets：增加了AngularJs 1在.html和.js中的代碼補(bǔ)全酷窥，安裝后每次打開自動(dòng)啟用咽安。
Git Easy：增加了vscode中自帶的git操作，安裝后按F1調(diào)出控制臺(tái)蓬推，輸入git easy [options]完成git操作妆棒，代替git bash。
HTML CSS Support: 增加.html中css的代碼補(bǔ)全沸伏，可以手動(dòng)增加配置文件來增加外部css中的class補(bǔ)全糕珊。詳情見插件說明。
VScode-icons： 美化VSCode的界面毅糟，在文件名前面顯示小圖標(biāo)红选，安裝后每次打開自動(dòng)啟用。
Git Blame：可以查看當(dāng)前光標(biāo)所在位置的Git Log留特，最近一次提交的人和時(shí)間纠脾，顯示在左下角，安裝后每次打開自動(dòng)啟用蜕青。
HTML CSS Class Completion：掃描項(xiàng)目中的所有css中的class名苟蹈，在html中自動(dòng)補(bǔ)全，安裝后每次打開自動(dòng)啟用右核。注意：如果css過多容易卡死慧脱。
Debugger for Chrome：方便js調(diào)試的插件，前端項(xiàng)目在Chrome中運(yùn)行起來之后贺喝，可以直接在VSCode中打斷點(diǎn)菱鸥、查看輸出宗兼、查看控制臺(tái)，需要配置launch.json,詳情見插件說明氮采。
background：VSCode美化插件殷绍，修改界面背景，詳情見插件說明鹊漠。
常用快捷鍵（待補(bǔ)充）
編輯器與窗口管理
同時(shí)打開多個(gè)窗口（查看多個(gè)項(xiàng)目）
打開一個(gè)新窗口： Ctrl+Shift+N
關(guān)閉窗口： Ctrl+Shift+W
同時(shí)打開多個(gè)編輯器（查看多個(gè)文件）
新建文件 Ctrl+N
歷史打開文件之間切換 Ctrl+Tab主到，Alt+Left，Alt+Right
切出一個(gè)新的編輯器（最多3個(gè)）Ctrl+\躯概，也可以按住Ctrl鼠標(biāo)點(diǎn)擊Explorer里的文件名
左中右3個(gè)編輯器的快捷鍵Ctrl+1 Ctrl+2 Ctrl+3
3個(gè)編輯器之間循環(huán)切換 Ctrl+`
編輯器換位置登钥，Ctrl+k然后按Left或Right
代碼編輯
格式調(diào)整
代碼行縮進(jìn)Ctrl+[， Ctrl+]
折疊打開代碼塊 Ctrl+Shift+[， Ctrl+Shift+]
Ctrl+C Ctrl+V如果不選中，默認(rèn)復(fù)制或剪切一整行
代碼格式化：Shift+Alt+F疮蹦，或Ctrl+Shift+P后輸入format code
修剪空格Ctrl+Shift+X
上下移動(dòng)一行： Alt+Up 或 Alt+Down
向上向下復(fù)制一行： Shift+Alt+Up或Shift+Alt+Down
在當(dāng)前行下邊插入一行Ctrl+Enter
在當(dāng)前行上方插入一行Ctrl+Shift+Enter
光標(biāo)相關(guān)
移動(dòng)到行首：Home
移動(dòng)到行尾：End
移動(dòng)到文件結(jié)尾：Ctrl+End
移動(dòng)到文件開頭：Ctrl+Home
移動(dòng)到后半個(gè)括號(hào) Ctrl+Shift+]
選中當(dāng)前行Ctrl+i（雙擊）
選擇從光標(biāo)到行尾Shift+End
選擇從行首到光標(biāo)處Shift+Home
刪除光標(biāo)右側(cè)的所有字Ctrl+Delete
Shrink/expand selection： Shift+Alt+Left和Shift+Alt+Right
Multi-Cursor：可以連續(xù)選擇多處，然后一起修改塔鳍，Alt+Click添加cursor或者Ctrl+Alt+Down 或 Ctrl+Alt+Up
同時(shí)選中所有匹配的Ctrl+Shift+L
Ctrl+D下一個(gè)匹配的也被選中(被我自定義成刪除當(dāng)前行了，見下邊Ctrl+Shift+K)
回退上一個(gè)光標(biāo)操作Ctrl+U
重構(gòu)代碼
跳轉(zhuǎn)到定義處：F12
定義處縮略圖：只看一眼而不跳轉(zhuǎn)過去Alt+F12
列出所有的引用：Shift+F12
同時(shí)修改本文件中所有匹配的：Ctrl+F12
重命名：比如要修改一個(gè)方法名艾凯，可以選中后按F2献幔，輸入新的名字，回車趾诗，會(huì)發(fā)現(xiàn)所有的文件都修改過了蜡感。
跳轉(zhuǎn)到下一個(gè)Error或Warning：當(dāng)有多個(gè)錯(cuò)誤時(shí)可以按F8逐個(gè)跳轉(zhuǎn)
查看diff 在explorer里選擇文件右鍵 Set file to compare，然后需要對(duì)比的文件上右鍵選擇Compare with 'file_name_you_chose'.
查找替換
查找 Ctrl+F
查找替換 Ctrl+H
整個(gè)文件夾中查找 Ctrl+Shift+F
顯示相關(guān)
全屏：F11
zoomIn/zoomOut：Ctrl + =/Ctrl + -
側(cè)邊欄顯/隱：Ctrl+B
預(yù)覽markdown Ctrl+Shift+V
其他
自動(dòng)保存：File -> AutoSave 恃泪，或者Ctrl+Shift+P郑兴，輸入 auto
