（视频笔记）09- ESlint_eslint 9

目录

一、vscode设置准备工作

 二、ESlint介绍

1、创建项目时配置ESlint

2、常用的ESLint规则

3、配置ESLint插件

一、vscode设置准备工作

①在vscode设置里面搜索tabsize，把代码缩进改成2（一般一个团队有一个统一的代码缩进风格）

 ②在vscode设置里面搜索tabsize，在保存的时候自动格式化代码

 二、ESlint介绍

ESLint是一个用来识别ECMAScript/JavaScript并且按照规则给出报告的代码检测工具

ESLint - Pluggable JavaScript linter - ESLint中文 （官网网址）

1、创建项目时配置ESlint

①在创建vue项目时，选择最后一项手动配置，把下图4项打上勾

 继续往下，选择ESlint标准配置（不同的规范写出的代码风格不一样）

继续往下，选择保存时规范代码风格

继续往下，把配置信息放在独立的配置文件中

 成功创建项目后打开，发现ESlint的配置文件

②按需配置eslintrc.js文件

其中的rules可以自己按需求配置

ESLint - Pluggable JavaScript linter - ESLint中文

在官网中，右上角  “用户指南”——“规则”，可以看到每个命令行的意思，比如规定在发布阶段禁用console等规则

ESLint如果开启，如果语法规则不规范，就会报如下错误，所以代码风格要规范

2、常用的ESLint规则

 如果对某些规则不满意，想修改，可以在官网中找到该规则的语法，配置在eslintrc.js中

3、配置ESLint插件

1、在vscode中下载eslint插件，在setting.json中匹配如下代码

但是开发人员很难每次敲代码都精准的按照eslint的要求，希望在保存代码的时候，代码能够自动的按照eslint的语法规范保存

2、在vscode中下载prettier插件，可以在每次保存代码的时候规范代码

配置该插件的代码见黑马程序员视频P170，比较长没放上来