經常使用插件:css
1.Beautify ：格式化 html ,js,css 2.Bracket Pair Colorizer ：給括號加上不一樣的顏色，便於區分不一樣的區塊，使用者能夠定義不一樣括號類型和不一樣顏色 3.Debugger for Chrome ：映射vscode上的斷點到chrome上，方便調試 4.HTML CSS Support ：智能提示CSS類名以及id 5.HTML Snippets ：智能提示HTML標籤，以及標籤含義 6.JavaScript(ES6) code snippets ：ES6語法智能提示，以及快速輸入，不單單支持.js，還支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各類包含js代碼文件的時間 7.open in browser：vscode不像IDE同樣可以直接在瀏覽器中打開html，而該插件支持快捷鍵與鼠標右鍵快速在瀏覽器中打開html文件，支持自定義打開指定的瀏覽器，包括：Firefox，Chrome，Opera，IE以及Safari 8.Path Intellisense：自動提示文件路徑，支持各類快速引入文件 9.Vetur ：Vue多功能集成插件，包括：語法高亮，智能提示，emmet，錯誤提示，格式化，自動補全，debugger。vscode官方欽定Vue插件，Vue開發者必備。
2. 在安裝時常常不注意只是下一步，忘記勾選" Open with VSCode"選項，因此在項目文件夾上右鍵不會看到在vscode打開項目的提示，因此作如下設置就好html
2.1 首先隨便建一個txt文件，好比123.txt，把下面的內容複製到裏面vue
Windows Registry Editor Version 5.00 ; Open files [HKEY_CLASSES_ROOT\*\shell\Open with VS Code] @="Edit with VS Code" "Icon"="D:\\Microsoft VS Code\\Code.exe,0" [HKEY_CLASSES_ROOT\*\shell\Open with VS Code\command] @="\"D:\\Microsoft VS Code\\Code.exe\" \"%1\"" ; This will make it appear when you right click ON a folder ; The "Icon" line can be removed if you don't want the icon to appear [HKEY_CLASSES_ROOT\Directory\shell\vscode] @="Open with VSCode" "Icon"="\"D:\\Microsoft VS Code\\Code.exe\",0" [HKEY_CLASSES_ROOT\Directory\shell\vscode\command] @="\"D:\\Microsoft VS Code\\Code.exe\" \"%1\"" ; This will make it appear when you right click INSIDE a folder ; The "Icon" line can be removed if you don't want the icon to appear [HKEY_CLASSES_ROOT\Directory\Background\shell\vscode] @="Open with VSCode" "Icon"="\"D:\\Microsoft VS Code\\Code.exe\",0" [HKEY_CLASSES_ROOT\Directory\Background\shell\vscode\command] @="\"D:\\Microsoft VS Code\\Code.exe\" \"%V\"" D:\\Microsoft VS Code\\Code.exe,0" [HKEY_CLASSES_ROOT\*\shell\Open with VS Code\command] @="\"D:\\Microsoft VS Code\\Code.exe\" \"%1\"" ; This will make it appear when you right click ON a folder ; The "Icon" line can be removed if you don't want the icon to appear [HKEY_CLASSES_ROOT\Directory\shell\vscode] @="Open with VSCode" "Icon"="\"D:\\Microsoft VS Code\\Code.exe\",0" [HKEY_CLASSES_ROOT\Directory\shell\vscode\command] @="\"D:\\Microsoft VS Code\\Code.exe\" \"%1\"" ; This will make it appear when you right click INSIDE a folder ; The "Icon" line can be removed if you don't want the icon to appear [HKEY_CLASSES_ROOT\Directory\Background\shell\vscode] @="Open with VSCode" "Icon"="\"D:\\Microsoft VS Code\\Code.exe\",0" [HKEY_CLASSES_ROOT\Directory\Background\shell\vscode\command] @="\"D:\\Microsoft VS Code\\Code.exe\" \"%V\""
2.2 而後將裏面的 D:\\Microsoft VS Code\\Code.exe\ 路勁替換成你本身vscode安裝路勁，替換完成後再將123.txt 後綴名改爲.regchrome
2.3 最後將123.reg文件放在vscode安裝目錄裏面(注意和Code.exe是同級)，好比我在D盤安裝shell
完了以後右鍵就能夠看見在VSCode中打開的提示了，方便了好多 哈哈瀏覽器