规范代码编写风格就用 eslint 和 prettier

源码 · 2024-9-30 08:02:45

eslint 可以用于规范我们的编码，使得项目中的代码风格同等，更利于阅读和维护，而 prettier 可以在当我们代码不符合 eslint 规范是举行部分自动修复。
eslint

通过 npm install eslint -D 安装 eslint，然后实验 npx eslint --init 初始化设置文件
在实验 init 操作的时间，eslint 天生设置文件会问你一些题目

想怎样来利用 eslint
模块化的方式（Es module、commonjs）
选择哪一种框架（React、Vue）
是否须要 TypeScript
项目运行在浏览器照旧客户端
指定怎样的代码规范（Airbnb、Standard、Google、XO）
天生的设置文件范例（JavaScript、YAML、JSON）

依次选择完成后再让它自动安装所须要的依赖。

在这些题目中，我选择了利用 eslint 时查抄代码发现题目后并提示、模块化利用 commonjs、不须要框架和 TypeScript、项目运行在浏览器端，利用 airbnb 编码规范，天生设置文件为 JavaScript，如许就天生了 eslint 设置文件 .eslintrc.js

env 表现当前eslint代码运行在什么情况
extends 表现继承的规则
parserOptions 里界说了支持的 ecmaScript 版本
rules 中可以自界说规则

有了这些规则之后，通过下令 npx eslint ./src/index.js来校验文件，依据 airbnb 的尺度，五行代码检测出了六个错误和一个告诫。
通过下令一个文件一个文件检测效率会比力低，在项目中可以直接设置 loader 来处理
eslint-loader

通过 npm install eslint-loader -D 安装依赖，在 webpack.config.js 中设置 eslint-loader 同一处理 js 文件

规范代码编写风格就用 eslint 和 prettier

所属分类: 问答交流

新帖推荐: 30日

推荐作品