[TOC] >[success] # vscode插件整理 <br/> | 插件名稱 | 插件用處 | 快捷鍵 | | --- | --- | --- | | Vetur | vue的插件，語法高亮、智能感知 | - | | EsLint | 語法糾錯 | - | | Bracket Pair Colorizer 2 | 代碼始端末端有'彩虹括號'，有利于查看代碼是否結束閉合 | 無 | | Code Runner | 可以在終端中顯示打印結果，支持多種語言C, C++, Java, JavaScript, PHP, Python... | 運行代碼：Ctrl + Alt + N<br/>停止運行代碼：Ctrl + Alt + M<br/> 選擇要運行的語言：Ctrl + Alt + J| | Better Align | 對齊代碼 | ctrl+shift+= | | Code Spell Checker | 檢查英文單詞是否有錯 | - | | macros | 自定義快捷鍵，比如快速在行尾添加分號之類的操作 | - | | Todo Tree | 非常方便的插件可以快速定位到上次工作記錄的地方，只需要在記錄的地方加上注釋： // TODO（去做）、// FIXME（整理） 即可 | - | | Auto Rename Tag | 自動完成另一側標簽的同步修改 | - | | vscode-fileheader | 在文件標題中添加注釋，并支持自動更新文件的修改時間。 | ctrl + alt + i | | Debugger for Chrome | 映射vscode上的斷點到chrome上，方便調試 | | | JavaScript(ES6) code snippets | ES6語法智能提示以及快速輸入，除js外還支持：<br/>.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各種包含js代碼文件的時間 | | | Path Intellisense | 自動路徑補全 | - | | HTML CSS Support | 讓 html 標簽上寫class 智能提示當前項目所支持的樣式 | - | | Bootstrap 4 & Font awesome | 常用 bootstrap 的可以安裝下 | - | | Live Server | 邊寫邊預覽html | - | | gitlens | 鼠標點代碼直接出現git最后提交人信息 | - | | Import Cost | 可以顯示引入的**npm包大小** | - | | node-snippets | 可以提示Node的一些語法提示 | - | | 別名路徑跳轉 | 按住ctrl點擊文件路徑可以跳轉到該文件中 | - | | Nested Comments | 可以解決html嵌套的注釋問題 | ctrl+alt+/ | https://juejin.cn/post/6844904063872532487