VSCode 前端常用插件

1. Codelf

变量命名神器

2、Bracket Pair Colorizer

成对的彩色括号，让括号拥有独立的颜色，便于区分

3、Highlight Matching Tag

高亮显示对应的HTML标签以及标识出对应的各种括号

4、Prettier - Code formatter

格式化代码

5、Auto Close Tag

自动补全标签

6、Auto Rename Tag

自动重命名html标签，如修改p标签为a，将自动修改结尾标签p为a

7、HTML Snippets

智能提示HTML标签，以及标签的含义

8、HTML CSS Support

在HTML标签上写Class的时候能够智能提示当前所支持的样式

9、Chinese (Simplified) Language Pack for Visual Studio Code

在vs code中使用中文语言，可以在线下载语言包进行配置。

10、GitLens

操作github 远程插件

11、ESLint

ESLint 找到的大部分问题都可以由其自动修复。ESLint 会根据当前文件使用的语法进行自动修复，所以就不会像传统的“寻找 - 替换”算法那样产生语法错误。

12、JS-CSS-HTML Formatter

HTML格式化（包括JS、CSS）

13、cssrem

自动计算px和rem转换

14、Easy LESS

less自动转css文件

Command+p搜索settiong.json加入如下配置

    "less.compile": {
        "compress": false, 
        "sourceMap": false, 
        "out": "${workspaceRoot}/css/"
    },

这样我们保存less文件后会在上面配置的目录下自动生成css文件

15、epub reader

txt小说阅读器

/用户/[用户名]/.vscode-insiders 路径下配置小说