项目中配置eslint校验
文章目录
- 项目中配置eslint校验
- 前言
-
- 1. webpack5搭建 Vue项目如下🔗（可以查看）
- 2. eslint+prettier Vue项目如下🔗（暂时未更新）
- 一、什么是 ESLint？
- 二、为什么要使用 ESLint？
- 三、如何在 Vue 项目中集成 ESLint？
-
- 3.1.安装依赖
-
- 代码如下：
- 如下图所示
- 3.2.配置.eslintrc文件
-
- 一键化配置
- 例如下面的配置
- 3.3 配置package.json文件
- 四、结果如下图所示
-
- 如下图所示
- 五、问题汇总如下：
-
- 5.1： --fix 都会修复哪些问题？
- 5.2： eslint 中rules配置 error 的错误提示，Ci流程会被中断？
-
- 问题说明如下：
- 解决方法如下（使用第一种方法就可以）：
- 总结
-
- eslint+prettier博客🔗如下（后续会补上的）
前言
1. webpack5搭建 Vue项目如下🔗（可以查看）
搭建Vue项目（基础版）🔗
2. eslint+prettier Vue项目如下🔗（暂时未更新）
尽情期待💪💪
一、什么是 ESLint？
ESLint 是一个开源的 JavaScript 代码检查工具，旨在识别和报告 JavaScript 代码中的模式或代码片段，从而确保代码的一致性和避免潜在错误。
二、为什么要使用 ESLint？
①、代码一致性：确保整个团队遵循相同的编码风格和规范，使代码更易于阅读和维护。
②、避免错误：通过静态代码分析，提前发现代码中的潜在错误或不良实践。
