VSCode常用插件

vscode-icons

漂亮的目录树图标主题

Code Runner

可直接运行代码片段

Live Server

可运行热更新 代码, 无需手动刷新浏览器

Prettier - Code formatter

格式化代码

Project Manager

项目管理，当有多个项目或者文件夹可使用该插件进行管理

JavaScript (ES6) code snippets

ES6语法自动检测，ES6的js代码片段

ESLint

代码规范检查

open in browser

直接打开html页面进行浏览，在写demo的时候也用到

插件使用

如何设置默认浏览器

Auto Rename Tag

HTML标签自动闭合

vue开发

vue-component

输入组件名称自动导入找到的组件，自动导入路径和组件

Vetur

Vue2 使用

volar

Vue3 使用

Vue 3 Snippets

这是一款在 Vue 2 或者 Vue 3 开发中提供代码片段，语法高亮和格式化的 VS Code 插件，能极大提高你的开发效率。

Vue VSCode Snippets

快速的生成 Vue 代码片段的方法，通过各种快捷键就可以在 .vue文件中快速生成各种代码片段

彩虹括号设置

原先：需要安装 Bracket Pair Colorizer 插件

设置：vscode默认开启，如果没有，打开设置，搜索：Bracket Pair ，根据下图所示，打钩即可。

HTML Snippets

html代码提示，新版vscode 已自带，无需下载