十分钟完成vscode配合Eslint使用

2018-12-08  本文已影响0人  前端陈晨

十分钟完成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/

上一篇 下一篇

猜你喜欢

热点阅读