随着前端技术的发展，我们越来越重视代码风格的统一和规范性。而 stylelint 则成为了前端轻量级代码风格检测工具中的佼佼者，简单易用且功能强大。但是，每个项目都需要为其设置一套规则，这显然不是很方便也不是很可靠。在这里，推荐大家使用 npm 包 nebula-stylelint-config，既可以省去设置规则千奇百怪的烦恼，还能提高开发效率和代码质量。
1. 安装 nebula-stylelint-config
在命令行运行以下命令安装 nebula-stylelint-config：
npm install nebula-stylelint-config --save-dev
2. 引用 nebula-stylelint-config
在项目根目录下创建名为 .stylelintrc 的配置文件，并写入如下代码：
{
"extends": "nebula-stylelint-config"
}当然，你也可以添加其他的规则，只需要在 extends 后面加上一个数组即可。例如：
{
"extends": ["nebula-stylelint-config", "stylelint-config-recommended"]
}这样，项目就开始使用 nebula-stylelint-config 了。
3. 示例代码
在下面的代码中，我们设置了若干违反规则的情况，来测试 nebula-stylelint-config 是否正确地发现和提示问题。
-- -------------------- ---- -------
------------ -
------ -----
-
---- -
-------------- ----
----------------- ----
------- -
---------- ------------ -------
-
-
---------- -
---------- -----
-运行命令：
stylelint **/*.scss
发现如下错误：
-- -------------------- ---- ------- ------------ ------ ----- ---------- ----- ------ -------------- ---- ----------------- ---- ---------- ----- ----- ----- -------------- ---------- ---------- ------------ ------- ---------- ---- ---- ------------------ ---------- ---------- ----- ---------- ---- ---- ------------------
这说明 nebula-stylelint-config 已经被成功地引用。查看 nebula-stylelint-config 的 GitHub 仓库，你还可以了解更多有用的信息。
如果你的项目中还没有使用 stylelint，不妨开始尝试一下。它可以大大提高前端代码的质量和开发效率，更让你的团队合作变得更有条理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055e6381e8991b448dbc73