vscode-stylelint-stzhang

此VSCode插件stylelint-stzhang直接 Fork 于VSCode官方插件shinnn.stylelint。所以，stylelint-stzhang继承了shinnn.stylelint所有功能。但是，我又贡献了三个新功能（正在申请向shinnn.stylelint合并）。

增强这款插件的动机

改善 CSS 的代码质量，从一款 IDE集成度高的 智能工具 开始。

在技术圈，自古都有“工欲善其事，必先利其器”的説法。而就H5生态圈可而，ESLint与各种开发工具的集成已经达到了极致。让我等前端开发者每天享受生活般地编写着js代码。一直以来，我似乎仅只使用工具、专注业务、改善流程，提高效率；而从来就没有为js静态代码检查的配置与集成走过心、费过神。

但是，针对各类样式文件（从最基本的.css，到工程化程度高一些的.less与.scss，再到静态代码检查的恶梦.vue），我可真是犯了难。在stylelint@9.6.0以前是stylelint内核本身对.vue不友好（需要额外安装stylelint-processor-html插件），我忍了。反正，我也搞不定，不忍也不行。

如今，stylelint@9.7.1对VUE的支持已经无缝。但是，stylelint与我日常使用的IDE还有诸多不配套。这干扰了我愉悦的工作心情、拖累了我的工作进展、降低我对我的代码质量的保障。这，我可就不能忍了。

• 一方面，智能且顺手的编程工具是我平日里工作效率的重要支撑。包括，高亮提示 与 自动修复。
• 另一方面，以我对VSCode源码的了解，这是我的地头儿。在我的地面儿上，我怎么还能怂了呢？

于是，自己动手丰衣足食，从github上fork源码，修bugs，加features。直至令（我）满意为止（历时两个双休日四天）。

题外话：国庆节期间，在美国技术圈，由【代码风格违约】导致的命案不会发生在中国，因为我们更重视代码管理，也舍得下功夫改善工具与完善工具。我们不一样。

新功能描述

1. 支持VSCode workspace工程组模式。即，在一个VSCode实例内，同时打开多个相关联的工程开发与查阅。
   1. 官方shinnn.stylelint插件总是使用·工程组·中首个工程的·根目录·与·stylelint配置·，来载入目标文件和启动stylelint语言服务。这会导致：
      1. 要么，目标文件加载失败 - 找错位置了。
      2. 要么，stylelint对各种样式文件高亮提示了莫名其妙的语法错误和代码风格不一致 - 静态扫描规则加载乱套了。
   2. 另一方面，stylelint-stzhang则是为·工程组·内每一个工程都单独地启动一个专属的stylelint语言服务进程。然后，·工程根目录·与·stylelint配置·都与专属stylelint语言服务进程进行绑定。以避免乱套的发生。
2. 模仿VSCode的ESLint插件，支持自动纠错功能（即，传说中的autoFix）。简单地讲，就是在Ctrl + S保存样式文件（或vue文件）时，由stylelint语言服务自动对·代码风格违约（比如，空格与缩进。甚至，十六进制颜色值的大小写）·和·简单语法错误·进行纠正并保存。
   1. 关于【自动纠错】有多么智能，请参阅stylelint规则中所有打了Autofixable标记的规则。
3. 模仿VSCode的ESLint插件，支持手动纠错的F1命令菜单项stylelint: Fix all auto-fixable Problems。它的功能与用法与ESLint: Fix all auto-fixable Problems完全相同。
4. 摒弃了shinnn.stylelint作法，和模仿ESLint插件的优秀实践，stylelint-stzhang不再把stylelint内核直接打包入VSCode插件包内。而是，使用工程现场npm安装的stylelint实例。这样的好处是：
   1. 统一了·VSCode开发工具·与·命令行工具·使用的stylelint版本。让VSCode的工作结果更符合你的直觉预期。
   2. 避免了因为VSCode stylelint插件更新不及时造成的stylelint版本过低的问题。

新VSCode配置项

在VSCode的工程配置文件.vscode/settings.json与工程组配置文件*.code-workspace中，添加了两个配置项

stylelint.autoFix

• 类型：布尔值
• 默认值：false
• 功能：是否开启自动纠错功能

stylelint.trace.server

• 类型：枚举
• 枚举值：verbose, messages, off
• 默认值：off
• 功能：是否输出·stylelint语言服务的运行时日志·到VSCode的stylelint channel视窗内。

插件安装

请直接在VSCode应用商城内搜索关键字stylelint-stzhang。然后，点击安装即可。简单不？

在VSCode插件市场的项目首页：https://marketplace.visualstudio.com/items?itemName=stuartzhang.stylelint-stzhang