什么是 eslint-config-craftmeapp-common？
eslint-config-craftmeapp-common 是一个前端开发工具包中的 ESLint 配置包，通过配置这个包可以帮助开发者统一项目中的代码风格，提高代码质量和可维护性。
安装
在项目根目录下（或者指定项目子目录），使用以下命令安装 eslint-config-craftmeapp-common：
--- ------- ------------------------------- ----------
配置
安装完成以后，在项目根目录下创建一个 .eslintrc.js 文件，配置如下：
-------------- - -
-------- ----------------------
------ -
-- -----------------
--
---- -
-- -----------------------
-------- -----
----- -----
---- -----
--
--使用
使用 eslint 检查项目代码，直接在项目根目录下执行以下命令：
--- ------ -
这样就可以检查项目中的所有文件了。如果需要检查指定的文件，在命令后面加上文件或者目录的路径，例如：
--- ------ ----
这样就会只检查 src 目录下的文件。
遇到问题
如果遇到了 eslint 报错或者无法检查的问题，可以尝试以下方法来解决：
- 确认 .eslintrc.js 文件是否正确配置了 extends 字段。
- 确认是否使用了正确的 eslint 版本。eslint-config-craftmeapp-common 要求 eslint 版本必须在 7.0.0 及以上。
- 运行 eslint 命令时添加 --debug 参数，查看问题所在。
示例代码
例如我们有以下代码：
----- --- - --- -- ---
----------------- -- -
-- ---- - -- -
---------------- -- ------- ---- ----
-
---
----- ---- - ------- -- -
------------------ --- -----------
--
--------如果使用 eslint-config-craftmeapp-common，它会帮助我们检查错误的缩进、语法错误以及规范问题。运行 eslint 命令后，会得到以下结果：
---- ----- -------- ----------- -- - ------ --- ----- - ------ ---- ---- -------- ----------- -- - ------ --- ----- - ------ ---- ----- ------- --------- ---- ---- ----- -------- - ----- ----- ---- -- ----- -------- ---------- ------------- ---- ----- ------- ----- ------ -------- ----------- --------------------------- - - -------- -- ------- - ---------
通过修复这些问题，把代码改成规范的代码：
----- --- - --- -- ---
----------------- -- -
-- ---- - -- -
---------------- -- ------- ---- ----
-
---
----- ---- - ------- -- -
------------------ --- -----------
--
--------然后再次运行 eslint 命令，就能得到如下结果：
- ---- -- ------
这样，我们就成功的使用了 eslint-config-craftmeapp-common，来规范我们的项目代码。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005678581e8991b448e3e76