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

标签：文件 插件 VScode 标签 代码 程序员 CSS

前端程序员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代码快捷神器

 

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

 

 

标签：文件,插件,VScode,标签,代码,程序员,CSS
From： https://www.cnblogs.com/June-rain/p/16803693.html