前端程序员常用的VScode插件推荐

前端程序员VScode几款好用的插件推荐

1.     Chinese (Simplified) (简体中文) Language Pack

                 

                 将VScode汉化，对于看不懂英文的小伙伴，特别的润，我vscode第一款插件。

         2.     Live Server

                 

                 鼠标右键，可以看到 Open then Live Server，运行打开html文件，修改代码保存后，页面自动刷新，立即看到修改代码后的页面效果。

         3.     open in browser

                 

                 鼠标右键，可以看到  Opne in the Default  Browser 和 Opne in the Other Browse ，方便我们将html文件在默认浏览器打开或其他浏览器打开。

         4.     JavaScript (ES6) code snippets

                 

                 这个插件乃是写ES6语法的最佳神器，拥有补全ES6语法 和检查的功效。

         5.     CSS Peek

                 

                 按住Ctrl键，光标移到到标签的id名称或class名称上，就可以看到该id或class设置的css样式，帮你迅速查看该标签所设置的css样式。

         6.     ESLint

                 

                 代码规范校验插件，看着装吧，反正可以禁用。

         7.     Vue VScode Snippets

                 

                 在.vue文件中，编写v，就会有代码提示，根据你的选择，快速生成不同格式的vue文件的模板，还可以自定义模板，需要配置。

         8.     Vetur

                  

                 使用vue开发项目，安就完了，代码高亮，补齐等等。

         9.     JS-CSS-HTML Formatter

                 

                 在编写html或js或css文件时，Ctrl + S保存文件，代码会自动对齐。

        10.     Auto Close Tag

                  

                 输入开始标签后，自动添加结束标签。例如<div>会自动补上闭合标签</div>。

        11.     Auto Rename Tag

                  

                 修改了第一个标签，相对应的标签也会一起修改。

        12.    HTML CSS Support

                 

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

 

         最后，欢迎大家补充，后续有好用的插件，还会继续推荐的。