摘要前端平时使用vscode的时候需要安装到一些插件让开发效率更加高效下面总结一些常用的插件建议收藏Live Server本地服务开启运行实时与手机端同步预览Auto Close Tag自动闭合HTML/XML标签Auto Rename Tag自动完成另一侧标签的同步修改Beautify、Prettier格式化 html ,js,cssBracket Pair Colorizer给括号加上不同的颜色便于区分不同的区块使用者可以定义不同括号类型和不同颜色Debugger for Chrome映射vscode上的断点到chrome上方便调试ESLintjs语法纠错可以自定义配置不过配置较为复杂建议使用网上一些广泛使用的eslint配置GitLens(使用git的必备)方便查看git日志git重度使用者必备HTML CSS Support (必备)智能提示CSS类名以及idHTML Snippets (必备)智能提示HTML标签以及标签含义JavaScript(ES6) code snippetsES6语法智能提示以及快速输入不仅仅支持.js还支持.ts.jsx.tsx.html.vue省去了配置其支持各种包含js代码文件的时间jQuery Code SnippetsjQuery代码智能提示Markdown Preview Enhanced实时预览markdownmarkdown使用者必备markdownlintmarkdown语法纠错Material Icon Themevscode图标主题支持更换不同色系的图标值得点出的是该插件更新极其频繁基本和vscode更新频率保持一致极简主义是不需要的open in browservscode不像IDE一样能够直接在浏览器中打开html而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件支持自定义打开指定的浏览器包括FirefoxChromeOperaIE以及SafariPath Intellisense自动提示文件路径支持各种快速引入文件React/Redux/react-router Snippets (推荐)(react必备)React/Redux/react-router语法智能提示VeturVue多功能集成插件包括语法高亮智能提示emmet错误提示格式化自动补全debugger。vscode官方钦定Vue插件Vue开发者必备。filesize查看文件大小Npm Intellisense(node必备)require 时的包提示。。。。。