工欲善其事必先利其器，作为一名前端小菜鸡，我也曾在开发中为没有一个好的插件而困扰，如果你也有类似的烦恼而你正好也看到了这片文章，不如耐心看完，找找你所需要的vscode插件吧，以下是本人为前端开发收集的vscode插件，有需要的话赶紧mark起来吧~
| 名称 | 中文简述 |
|---|---|
| Auto Close Tag | 自动闭合HTML标签 |
| Auto Import | import提示 |
| Auto Rename Tag | 修改HTML标签时,自动修改匹配的标签 |
| Airbnb react snippets | react编码规范 |
| AutoFileName | 自动补全文字名 |
| Babel JavaScript | babel插件,语法高亮 |
| Babelrc | .babelrc文件高亮提示 |
| Beautify css/sass/scss/less | css/sass/less格式化 |
| Better Align | 对齐赋值符号和注释 |
| Better Comments | 编写更加人性化的注释 |
| Bookmarks | 添加行书签 |
| Bracket Pair Colorizer | 用不同颜色高亮显示匹配的括号 |
| Can I Use | HTML5、CSS3、SVG的浏览器兼容性检查 |
| Code Runner | 运行选中代码段（支持多数语言） |
| Code Spell checker | 单词拼写检查 |
| CodeBing | 快速打开Bing并搜索，可配置搜索引擎 |
| Color Highlight | 颜色值在代码中高亮显示 |
| Color Info | 小窗口显示颜色值，rgb,hsl,cmyk,hex等 |
| Color Picker | 拾色器 |
| CSS-in-Js | CSS-in-Js高亮提示和转换 |
| Chinese(Simplified)Language Pack for Visual Studio Code | 载入中文语言包 |
| Dash | 集成Dash |
| Debugger for Chrome | 调试Chrome |
| Document This | 注释文档生成 |
| DotENV | .env文件高亮 |
| EditorConfig for VS Code | EditorConfig插件 |
| Emoji | 在代码中输入emoji表情 |
