VSCode前端推荐插件

VSCode作为我们前端主流的开发工具，优势自然在于它的扩展插件，可以有效地提高开发效率和团队协作，本文提高的都是UP主亲测，最底下贴入我的vscode设置，如果有发现不错的插件，小伙伴们也可以私信UP主，觉得UP主推荐的不错的小伙伴们，请多多支持！话不多说直接上。

1.Chinese (Simplified) (简体中文) Language（必备）

        汉化必备软件，建议初学者前期使用，不过后期还是推荐用纯英文

2.Live Server （必备）

        在线部署调试的工具，相当于模拟了一个服务器启动，用过的都说好

3. GitLens — Git supercharged (必备)

        工作要用到 git 吧？ 有没有过代码被冲掉之后甩锅然后去查 git 历史的经历？鼠标放到代码行上，每一行代码的变动都一清二楚 总之就是一句话 ’ 姐妹们 装它 ！‘

4.Prettier - Code formatter（必备）

        代码格式化工具，有助于统一代码风格，42000000 + 的下载数量已经说明了一切 要注意一下有的时候不同的格式化工具之间会冲突

5.vue - official (vue 必备 其他 不推荐)

        这个没啥说的 vue 最新插件  支持语法高亮 vue语法提示 代码格式化等等功能

                  

         支持通过鼠标拖拽来导入组件，告别手动引入！

               

6.JavaScript (ES6) code snippets，HTML CSS Support，HTML Snippets  (必备)

     前端三剑客，只要你写前端 应该没有多少人不安装的吧？不过现在 HTML Snippets 已经停止更新算是拉了裤了

           HTML CSS Support

                在VScode中提示CSS相关扩展 这是写CSS代码快捷神器

        JavaScript (ES6) code snippets        

                提供各种JS代码片段，以使您的生活更轻松，拥有补全ES6语法 和检查的功效，您的编码时间更短！

7. Auto Rename Tag，Auto Close Tag （必备）

        Auto Rename Tag

                省力好帮手，当你修改标签的时候，另一侧标签会同步修改

        Auto Close Tag 

                还在痛苦每一个标签都要写两次嘛？安装个 auto close tag 吧

        PS：为什么不把两个功能合成一个呢？安装两个也很累哎

8.Import Cost （必备）

        可以看引入的文件有多大，如果有的时候项目需要做大小优化他很有用

9.code spell checker （新手必备）

        可以检验你的英语命名，并给你推荐可能合适的命名，像我一样英文不好的或者新手必备

        英语好的老程序员这个可能会影响你得判断，安装自己判断

10.ESLint （必备）

         这个吊毛东西 搞得我要死要活，可以校验我们的代码规范，需要一定的配置。

        ps：你用我推荐    什么？我用不用？ 不用

11.koroFileHeader（推荐）

        用于生成文件头部注释和函数注释的插件。

        PS: 有谁能拒绝让自己编写的文件彻彻底底变成自己的形状呢？

                        你所向往的林荫小道，在每个夜晚跟清晨，都沾满了白露

12.px to rem & rpx & vw (cssrem) （推荐）

         px 和 rem 来回转换的软件 

         PS：妈妈再也不担心老板让我写响应式了

感谢大家看完整篇，不定时更新，尽量节省大家到处找好插件的时间。