一、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 命令 ,否则修改后的配置 不会生效
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐