十分钟完成vscode配合Eslint使用

十分钟完成vscode配合Eslint使用

介绍ESLint

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

安装

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

$ npm install -g eslint
接下去安装配置文件
$ eslint --init
十分钟完成vscode配合Eslint使用
安装VS Code
十分钟完成vscode配合Eslint使用
打开VS Code官网,点击它的下载链接即可。安装完成之后会看到如下的界面。
十分钟完成vscode配合Eslint使用

安装完毕后,打开vscode

搜索插件Eslint,点击安装,安装完毕后,点击重新加载
十分钟完成vscode配合Eslint使用

配置vscode

打开User Setting

一定要加入这句代码:

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

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

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

相关推荐