[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