什么是 eslint-config-craftmeapp-common？
eslint-config-craftmeapp-common 是一个前端开发工具包中的 ESLint 配置包，通过配置这个包可以帮助开发者统一项目中的代码风格，提高代码质量和可维护性。
安装
在项目根目录下（或者指定项目子目录），使用以下命令安装 eslint-config-craftmeapp-common：
npm install eslint-config-craftmeapp-common --save-dev
配置
安装完成以后，在项目根目录下创建一个 .eslintrc.js 文件，配置如下：
-- -------------------- ---- -------
-------------- - -
-------- ----------------------
------ -
-- -----------------
--
---- -
-- -----------------------
-------- -----
----- -----
---- -----
--
--使用
使用 eslint 检查项目代码，直接在项目根目录下执行以下命令：
npx eslint .
这样就可以检查项目中的所有文件了。如果需要检查指定的文件，在命令后面加上文件或者目录的路径，例如：
npx eslint src/
这样就会只检查 src 目录下的文件。
遇到问题
如果遇到了 eslint 报错或者无法检查的问题，可以尝试以下方法来解决：
- 确认 .eslintrc.js 文件是否正确配置了 extends 字段。
- 确认是否使用了正确的 eslint 版本。eslint-config-craftmeapp-common 要求 eslint 版本必须在 7.0.0 及以上。
- 运行 eslint 命令时添加 --debug 参数，查看问题所在。
示例代码
例如我们有以下代码：
-- -------------------- ---- -------
----- --- - --- -- ---
----------------- -- -
-- ---- - -- -
---------------- -- ------- ---- ----
-
---
----- ---- - ------- -- -
------------------ --- -----------
--
--------如果使用 eslint-config-craftmeapp-common，它会帮助我们检查错误的缩进、语法错误以及规范问题。运行 eslint 命令后，会得到以下结果：
Line 3:12: Expected indentation of 2 spaces but found 1 indent Line 6:3: Expected indentation of 2 spaces but found 1 indent Line 7:23: Missing semicolon semi Line 10:7: Expected 1 space after "=>" of arrow function expression arrow-spacing Line 13:6: Missing space before function parentheses space-before-function-paren ✖ 5 problems (5 errors, 0 warnings)
通过修复这些问题，把代码改成规范的代码：
-- -------------------- ---- -------
----- --- - --- -- ---
----------------- -- -
-- ---- - -- -
---------------- -- ------- ---- ----
-
---
----- ---- - ------- -- -
------------------ --- -----------
--
--------然后再次运行 eslint 命令，就能得到如下结果：
✨ Done in 0.19s.
这样，我们就成功的使用了 eslint-config-craftmeapp-common，来规范我们的项目代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005678581e8991b448e3e76