Stylelint: 运行

Stylelint 是一个强大的 CSS 静态分析工具，用于检查 CSS 代码中的语法错误、浏览器前缀、最佳实践、有助于可维护性的代码约定、样式指南等。

要在您的项目中使用 Stylelint，您需要：

1. 安装 stylelint：npm install stylelint --save-dev
2. 在项目根目录中创建一个配置文件，例如 .stylelintrc.json 或 .stylelintrc.js。您可以使用已有的配置文件模板或从头开始创建自己的配置文件。
3. 运行 Stylelint 来检查您的 CSS 。您可以使用 CLI 或在构建过程中使用一个插件。

CLI

使用以下命令行格式在终端中运行 Stylelint：

npx stylelint [options] <file|glob> [<file|glob> ...]

例如，您可以检查 src/ 文件夹中所有 CSS 文件的语法和风格：

npx stylelint src/**/*.css

有许多选项可供您使用。以下是一些最常用的选项：

• --fix：自动修复 Stylelint 可以解决的问题。
• --config：指定使用哪个配置文件。
• --ignore-path：指定忽略哪些文件或文件夹。可以在 .gitignore 中使用通配符模式，例如 /node_modules/**/*。

有关完整的选项列表和使用示例，请查看 Stylelint 的 CLI 文档。

构建插件

如果您使用构建工具（例如 Gulp 或 Webpack），您可以使用一个插件来在构建过程中运行 Stylelint，以便自动检查您的 CSS 代码。

以下是一些流行的 Stylelint 插件：

• gulp-stylelint：适用于 Gulp 的插件。
• stylelint-webpack-plugin：适用于 Webpack 的插件。
• rollup-plugin-stylelint：适用于 Rollup 的插件。

使用插件的好处是可以轻松地将 Stylelint 集成到您的构建工具和工作流程中，使您的代码质量更高。您也可以通过将插件设置为在构建过程中将错误输出到控制台或记录到文件中来配置校验策略。

Markdown 格式返回代码片段

以下是一个 Markdown 格式的代码片段示例，用于介绍如何使用 CLI 运行 Stylelint：

#### CLI

使用以下命令行格式在终端中运行 Stylelint：

npx stylelint [options] <file|glob> [<file|glob> ...]

例如，您可以检查 `src/` 文件夹中所有 CSS 文件的语法和风格：

npx stylelint src/**/*.css

有许多选项可供您使用。以下是一些最常用的选项：

- `--fix`：自动修复 Stylelint 可以解决的问题。
- `--config`：指定使用哪个配置文件。
- `--ignore-path`：指定忽略哪些文件或文件夹。可以在 `.gitignore` 中使用通配符模式，例如 `/node_modules/**/*`。

有关完整的选项列表和使用示例，请查看 Stylelint 的 [CLI 文档](https://stylelint.io/user-guide/cli/)。