Stylelint VScode 不工作
Stylelint VScode doesn't work
我想在我的 VScode 文本编辑器上使用 css linter“stylelint”。
我下载了插件并安装了它，然后我设置了 "css.validate": false。但是我的 CSS 文件中没有任何显示错误的框。我能做什么？
如果您是第一次使用 stylelint ，Visual Studio 代码中有两个关键步骤可以启用它：
- 关闭 Visual Studio 代码的 built-in CSS linter 并打开 stylelint 扩展
- 创建一个 stylelint configuration object 并开启一些规则
您可以按照 extension usage instructions, mainly changing your Visual Studio Code settings 完成第一步：
{
"stylelint.enable": true,
"css.validate": false,
"scss.validate": false
}
第二步按照stylelint网站上的configuration documentation。我相信最快的入门方法是：
- 使用 npm 将推荐的配置安装到您的项目中：
npm install --save-dev stylelint-config-recommended
- 创建一个
.stylelintrc 文件来扩展项目根目录中的推荐配置：
{ "extends": "stylelint-config-recommended" }
此配置仅打开 possible error rules. It is a sensible config to start with and build upon. There are over 150 rules built-in 到 stylelint。您可以根据需要选择打开和配置任意数量的 linting。
我想在我的 VScode 文本编辑器上使用 css linter“stylelint”。 我下载了插件并安装了它，然后我设置了 "css.validate": false。但是我的 CSS 文件中没有任何显示错误的框。我能做什么？
如果您是第一次使用 stylelint ，Visual Studio 代码中有两个关键步骤可以启用它：
- 关闭 Visual Studio 代码的 built-in CSS linter 并打开 stylelint 扩展
- 创建一个 stylelint configuration object 并开启一些规则
您可以按照 extension usage instructions, mainly changing your Visual Studio Code settings 完成第一步：
{
"stylelint.enable": true,
"css.validate": false,
"scss.validate": false
}
第二步按照stylelint网站上的configuration documentation。我相信最快的入门方法是：
- 使用 npm 将推荐的配置安装到您的项目中：
npm install --save-dev stylelint-config-recommended
- 创建一个
.stylelintrc文件来扩展项目根目录中的推荐配置：
{ "extends": "stylelint-config-recommended" }
此配置仅打开 possible error rules. It is a sensible config to start with and build upon. There are over 150 rules built-in 到 stylelint。您可以根据需要选择打开和配置任意数量的 linting。