在前端开发中，统计代码行数是一项非常基础而又必要的工作。它可以帮助开发者更好地了解代码实现情况，更快地定位问题所在。ESLint 是一个非常流行的 JavaScript 代码检查工具，它除了可以帮助开发者检测代码风格和错误，还能顺便帮助我们统计代码行数。本文将介绍如何使用 ESLint 统计 JavaScript 代码行数，带领初学者深入理解其中的实现原理。
安装 ESLint
首先，我们需要安装 ESLint。可以全局安装，也可以作为项目的依赖安装。
npm install eslint -g # or npm install eslint --save-dev
注意，这里需要先安装 Node.js。
配置 ESLint
安装完成后，我们需要配置 ESLint，使其能够统计代码行数。在项目根目录下新建一个 .eslintrc.js 文件，内容如下：
module.exports = {
rules: {
"no-console": "off", // 必须先关闭控制台警告，否则无法统计行数
"no-unused-vars": ["error", { varsIgnorePattern: "^_" }], // 不计算出现在代码中但未被使用的代码行
"lines-around-directive": ["warn", { before: "never", after: "never" }], // 不计算注释行
"max-lines-per-function": ["error", { max: 60, skipBlankLines: true, skipComments: true }], // 统计全部有效代码行
},
};这个配置文件中，我们用 no-console 关闭了控制台警告，no-unused-vars 规定了无用代码需要忽略，lines-around-directive 规定了注释行需要忽略，而 max-lines-per-function 总行数最大值为 60 行，且忽略空白行和注释行。
另外，我们还需要创建一个 .eslintignore 文件来指定需要被忽略的文件和文件夹，以避免统计时出错。
统计代码行数
在配置好 ESLint 后，我们就可以愉快地统计代码行数了。首先，需要在控制台输入以下命令：
eslint --count ./src/**/*.js
这里的 ./src/**/*.js 表示统计 ./src/ 文件夹及其子文件夹下所有的 .js 文件。执行命令后，ESLint 就会输出符合条件的 JavaScript 文件总数、空行数、注释行数和实际代码行数。其中实际代码行数即为我们所需的结果。
总结
本文介绍了如何使用 ESLint 统计 JavaScript 代码行数，主要包括安装 ESLint、配置 ESLint 和如何统计代码行数三个部分。在实际开发过程中，开发者们可以通过该方法不仅了解代码实现情况，还可以更快地定位问题所在。同时，深入理解其中的实现原理也有助于开发者更好地掌握 ESLint 的使用技巧。
示例代码
为了更好地演示 ESLint 统计代码行数的方法，这里提供一个简单的示例代码：
-- -------------------- ---- -------
-------- --------- --- -
-- -- --- - -- - --- -- -
------ --
- ---- -
------ ----------- - -- - ----------- - ---
-
-
---------------------------该代码实现了斐波那契数列中的递归算法。使用 ESLint 统计其代码行数，结果为 7 行。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6527d6f27d4982a6eba6e325