十分钟完成vscode配合Eslint使用

十分钟完成vscode配合Eslint使用

介绍ESLint

ESLint 是一个代码规范和错误检查工具，有以下几个特性
配置好之后，在vscode编辑器中按保存自动格式化，用起来超级爽
检查你代码不规范的地方
接下来我们来使用

安装

打开命令行，全局安装，适合你全部项目都需要eslint

$ npm install -g eslint
接下去安装配置文件
$ eslint --init

安装VS Code

打开VS Code官网，点击它的下载链接即可。安装完成之后会看到如下的界面。

安装完毕后，打开vscode

搜索插件Eslint，点击安装，安装完毕后，点击重新加载

配置vscode

打开User Setting

一定要加入这句代码：

"eslint.autoFixOnSave": true,
然后就可以轻松愉快的写代码啦~

如果有什么需要更改的条件，要去.eslintrc.js这个文件里面配置

具体规则等遇到了再去官网查eslint.org/