VS CODE的前端实用小插件

系列文章目录

---

前言

今天我们来聊聊vscode中那些提高工作效率的实用插件吧！
本文会从基础必备、代码规范、开发神器三个方面来推荐，方方面面都有涉及。

---

一、基础通用插件

• Chinese vscode
  编辑器汉化包
  
• Auto Rename Tag
  自动重命名成对的HTML标记
  
• HTML Snippets
  HTML代码片段，该插件可为你提供html标签的代码提示，不用键入尖括号了
  
• Bracket Pair Colorizer
  该插件可以为你把成对的括号做颜色区分，并且提供一根连接线。
  
• CSS Peek
  css样式查看器
  
• Npm Intellisense
  可自动完成导入语句中的npm模块
  
• vscode-icons
  提供了非常漂亮的目录树图标主题
  
• Auto Close Tag
  自动闭合HTML/XML标签
  
• Path Intellisense
  自动提示文件路径，支持各种快速引入文件
  
• JavaScript (ES6) code snippets
  ES6语法智能提示，以及快速输入
  
• Vetur
  VScode官方钦定Vue插件，Vue开发者必备。内含语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger等实用功能
  

二、代码规范类插件

• Prettier - Code formatter
  格式化代码
  
• Guides
  指南
  
• HTML CSS Support
  支持链接和嵌入样式表。支持模板继承。支持其他样式表。支持其他HTML语言。 根据需要验证CSS选择器。
  

三、开发神器

• Image preview
  图片预览
  
• Live Server
  实时服务器
  
• px to rem & rpx & vw (cssrem)
  px转rem插件
  

总结

以上就是今天要讲的内容，本文简单介绍了VS CODE的一些插件。