怎么用命令行CLI一键生成各种烦人的lint配置

这篇文章主要讲解了“怎么用命令行CLI一键生成各种烦人的lint配置”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“怎么用命令行CLI一键生成各种烦人的lint配置”吧！

create-lint-config

这个工具叫做 create-lint-config，一个一键创建所有的 lint 配置的 CLI 命令行工具。前端工程中特别多的配置文件例如 Eslint、Prettier 等让我们心烦意乱。我们的目标是快速而轻松地生成这些配置！

使用

在你的项目根目录执行以下命令：

# npmnpm create lint-config@latest# yarnyarn create lint-config# pnpmpnpm create lint-config@latest

执行结果如下：

这个命令，一次执行，创建了 Eslint、StyleLint、prettier、commitlint、husy、lint-staged 等所有配置文件。

现有功能

• 生成 Eslint 配置。

• 生成 prettier 配置。

• 生成 stylelint 配置。

• 生成 husky 配置。

• 生成 commitlint 配置。

• 自动安装依赖。

• 期待更多。

源码解读

#!/usr/bin/env nodeasync function install({ pkgManager, cwd, _arguments }: { pkgManager: string; cwd: string; arguments: array }) {}async function init() {  // 拷贝配置文件基础模板，包括 Eslint、StyleLint、prettier、commitlint、husy、lint-staged  await spinner({    start: `Base template copying...`,    end: 'Template copied',    while: () => {      try {        copy('base')      } catch (e) {        error('error', e)        process.exit(1)      }    },  })  // 安装 husky  await spinner({    start: `Husky installing...`,    end: 'Husky installed',    while: () =>      install({        cwd: process.cwd(),        pkgManager: 'npx',        _arguments: ['husky', 'install'],      }).catch((e) => {        error('error', e)        process.exit(1)      }),  })  // husky 写入 commit-msg 校验指令，使用 commitlint  await spinner({    start: `Adding commit-msg lint...`,    end: 'Commit-msg lint added',    while: () =>      install({        cwd: process.cwd(),        pkgManager: 'npx',        _arguments: ['husky', 'add', '.husky/commit-msg', 'npx --no-install commitlint --edit ""'],      }).catch((e) => {        error('error', e)        process.exit(1)      }),  })  // husky 写入 pre-commit校验指令，使用 lint-staged 执行 elint 等  await spinner({    start: `Adding lint-staged...`,    end: 'Lint-staged added',    while: () =>      install({        cwd: process.cwd(),        pkgManager: 'npx',        _arguments: ['husky', 'add', '.husky/pre-commit', 'npx lint-staged'],      }).catch((e) => {        error('error', e)        process.exit(1)      }),  })  // 安装依赖  await spinner({    start: `Dependencies installing with npm...`,    end: 'Dependencies installed',    while: () =>      install({        cwd: process.cwd(),        pkgManager: 'npm',        _arguments: ['install'],      }).catch((e) => {        error('error', e)        process.exit(1)      }),  })}init().catch((e) => {  console.error(e)})

TODO

• 支持通过--template标志来选择模板，创建更多的配置文件模板，包括 ts、vue、react、node 等等

• 支持更灵活的交互式选项。现在只能一键生成默认的模板，有些配置可能是一些人不需要的，后续计划可以更灵活。

感谢各位的阅读，以上就是“怎么用命令行CLI一键生成各种烦人的lint配置”的内容了，经过本文的学习后，相信大家对怎么用命令行CLI一键生成各种烦人的lint配置这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是编程网，小编将为大家推送更多相关知识点的文章，欢迎关注！