npm 包 usus 使用教程

介绍

usus 是一个集成了多个前端工具的 npm 包，包括 eslint、stylelint、prettier 等，使用它可以方便地对前端项目进行代码风格检查、格式化等操作。

安装

使用 npm 安装 usus：

npm install usus --save-dev

配置

安装完成后，需要在项目的 package.json 文件中添加配置项：

"scripts": {
  "lint": "usus ."
},
"usus": {
  "eslint": {},
  "stylelint": {},
  "prettier": {}
}

上述配置中，lint 命令执行的是 usus 工具，后面的 . 表示检查当前目录下的文件。同时，usus 也需要自己的配置，这里我们将 eslint、stylelint、prettier 的配置都留空，具体的配置可以参考官方文档。

使用

配置完成后，就可以使用 npm run lint 命令进行代码风格检查了。

eslint

npx eslint src/*.js

使用 npx 命令来执行 eslint，参数 src/*.js 表示检查 src 目录下的所有 .js 文件。

stylelint

npx stylelint src/*.css

与 eslint 相似，使用 npx 命令来执行 stylelint，参数 src/*.css 表示检查 src 目录下的所有 .css 文件。

prettier

npx prettier --write src/*.js

使用 npx 命令来执行 prettier，参数 --write 表示自动格式化目标文件，参数 src/*.js 表示格式化 src 目录下的所有 .js 文件。

结语

usus 是一个非常实用的前端工具，可以大大提升前端项目开发的效率和代码质量。希望本文对大家使用 usus 工具提供一些帮助。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055d3981e8991b448dafcf