简介
grunt-scss-lint 是一个使用 grunt 构建工具的 scss lint 工具。使用这个工具可以对 scss 文件进行编译检测，帮助开发者更规范化的编写 scss 代码，提高代码质量。
安装
使用 npm 全局安装 grunt：
npm install -g grunt
安装 grunt-scss-lint：
npm install grunt-scss-lint –save-dev
配置
在项目根目录中新增一个名为 Gruntfile.js 的文件，内容为：
-- -------------------- ---- ------- -------------- - --------------- - ------------------ --------- - --------- - --------------------- ---------------------- ---------------- -- -------- - ----------- ----- --------------- ---- - - --- -------------------------------------- ----------------------------- -------------- --展开代码
可配置项：
allFiles- 指定所有需要检测的 scss 文件路径
- 使用 glob 类型的路径
optionsbundleExec：是否使用 bundler。默认为false。colorizeOutput：在终端中是否对输出结果进行颜色渲染，默认为true。
使用
在终端中运行 grunt 即可进行 scss lint 检测：
grunt若指定文件路径的文件有不符合规范的地方，则会在终端中显示错误信息：
Running "scsslint:allFiles" (scsslint) task application.scss:1 [W] Linter: Declaration has invalid indentation [] on line 1 application.scss:2 [W] Linter: Declaration has invalid indentation [] on line 2 application.scss:3 [W] Linter: Declaration has invalid indentation [] on line 3 application.scss:4 [W] Linter: Declaration has invalid indentation [] on line 4 Done, without errors.
总结
使用 grunt-scss-lint 工具对 scss 代码进行检测，可以规范化代码，提高开发效率。通过上述教程可以学会安装、配置和使用该工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedcc75b5cbfe1ea06127b1
