ESLint 基本语法(超详细版本)
一、eslint - eslint 的作用和常见的语法规则1.1、目标:能够知道 ESLint 常见的语法规则,并在实际开发中遵守这些规则1.2、什么是 ESLint?官方概念:ESLint 是可组装的 JavaScript 和 JSX 检查工具。通俗理解:一个代码格式的检查工具,用来约束团队成员的代码风格。1.3、好处:保证团队协作开发时,编写出来的代码风格保持一致。例如:① 函数名和括号之间要
·
一、eslint - eslint 的作用和常见的语法规则
1.1、目标:能够知道 ESLint 常见的
语法规则
,并在实际开发中遵守这些规则
1.2、什么是 ESLint?
官方概念:ESLint 是可组装的 JavaScript 和 JSX 检查工具。
通俗理解:一个代码
格式
的检查
工具
,用来
约束
团队成员的
代码风格
。
1.3、好处
:
保证团队协作开发时,编写出来的
代码风格
保持一致。例如:
①
函数名和括号之间要有一个空格
②
JS 中的字符串,统一使用
单引号
表示
③
一行代码结束加不加
分号
④
不允许
出现
≥2 个
的连续空行
⑤
import
必须放到文件的最上面
⑥
文件结尾要
留一行空行
⑦
对象的末尾不要有多余的
逗号
二、eslint - eslint 的作用和常见的语法规则
常见的 ESLint 规则
更多的 ESLint 规则,请查阅官方文档 https://eslint.bootcss.com/docs/rules/
三、eslint - 如何关闭 eslint 功能
vue.config.js(vue 项目的配置文件)
注意:修改完 vue.config.js 配置文件后, 必须重新运行 npm run serve 命令 ,否则修改后的配置 不会生效 !
四、eslint - 修改某个 eslint 代码检测规则
①
找到项目根目录下的
.eslintrc.js
配置文件
②
在 rules 配置选项中,修改规则
注意:修改完 .eslintrc.js 配置文件后, 必须重新运行 npm run serve 命令 ,否则修改后的配置 不会生效 !
更多推荐
已为社区贡献8条内容
所有评论(0)