vscode介紹文章請移步：前端啊！你是時候換一款輕量的強大的漂亮的體驗一致的**編輯器了——visual studio code
注意：當下列快捷鍵不起作用時，請考慮是否是其他軟體已經占用了快捷鍵，如輸入法、聊天軟體等vscode內建了emmet，使用tab鍵可快速編寫html/css等，具體請查詢emmet語法說明
快捷鍵備註ctrl + n
新建檔案
ctrl + s
儲存檔案
ctrl + f
在當前檔案內查詢
ctrl + h
在當前檔案內替換
ctrl + shift + f
在檔案內查詢
ctrl + shift + h
在檔案內替換
ctrl + tab
切換文件
ctrl + pgup/pgdn
向前/向後切換文件
ctrl + 1/2/3
切換分欄
ctrl + p
轉到檔案
ctrl + p
轉到檔案
ctrl + g
轉到行，輸入行號，轉到該行號處
ctrl + =/-
ctrl + 滑鼠滾輪
縮放編輯器顯示比例
ctrl + f1
f12轉到定義，可跳轉到變數定義處，定義較為複雜時，會找不到
f1開啟命令輸入框
shift + alt + f
格式化**
ctrl + alt + up/down/left/right
按區域選中**，並編輯
alt + up/down
移動游標所在行或者游標選中**的位置
alt + left/right
前進或後退操作歷史，這個歷史不是編輯歷史（ctrl + z/y操作的是編輯歷史），它包含如：第一步，游標在12行6列處；第二步，游標在20行10列處；第三步，開啟另外乙個檔案。
shift + alt + up/down
alt + 游標選中
游標多選，同時編輯
vscode支援擴充套件，官方商店裡有很多擴充套件，**：
推薦外掛程式
鏈結名稱備註
檢視path intellisense
在編輯器中輸入路徑時，自動補全
檢視auto close tag
自動補全html標籤，如輸入將自動補全
檢視auto rename tag
自動重新命名html標籤，如修改為，將自動修改結尾標籤為
檢視rest client
在編輯器中傳送http請求，可直接得到結果，測試介面時很有用處，用法請看外掛程式詳情
檢視easy less
自動編譯less檔案（檔案儲存後自動變為為同名.css檔案），如果你只是想用less，而又不想配置grunt等工具來使用它時，請使用這個外掛程式，他絕對是更效率的
檢視view in browser
按ctrl + f1在瀏覽器中開啟正在編輯的html檔案
檢視vscode-icons
為檔案新增炫酷的圖示，圖示種類很全，包括各種配置檔案、常見語言、常見js框架等，你值得擁有；安裝後，需要使用管理員許可權啟動vscode，並開啟命令輸入框(f1或者ctrl+shift+p)執行icons enable
檢視js-css-html-formatter
格式化**
檢視vscode-caniuse
caniuse 檢查html特性支援情況
檢視vscode-todo
檢查列舉**中的//todo:標識
今天就整理這麼多吧，後續有新的使用心得還會更新。
vscode 使用技巧與設定
1 縮排與反縮排 選中後用鍵盤上的tap鍵 q鍵的左側 和shift tybe鍵，分別可以實現縮排與反縮排。2 亂數假文 沒有任何實際含義的文字。經常需要一段長度不等的文本來除錯時，可以使用亂數假文。在vscode安裝了emmet外掛程式後，可以快速生成。p 6 lorem tap鍵 可以生成六段長...
VScode開發技巧
vim模式快捷鍵 vscode快捷鍵含義 cmd insert mode 快速注釋 gcc 可以快速注釋當前行normal 模式 w b向前 向後到達可見範圍內任何單詞的開頭 e ge向前 向後到達可見範圍內任何單詞的結尾 gcc 可以快速注釋當前行向前 向後到達可見範圍內任何行的行首 mac系統，...
VS Code 快捷鍵使用小技巧
相關文件 這裡提一句，上面的中文文件是我早期建的乙個倉庫，希望大家一起來為 vscode 的中文社群的發展做出貢獻，歡迎 fork star download visual studio code vscode是微軟推出的一款輕量編輯器，採取了和vs相同的ui介面，搭配合適的外掛程式可以優化前端開發...