web-dev-qa-db-ja.com

StylelintVScodeが機能しない

VScodeテキストエディターでcsslinter " stylelint "を使用したい。プラグインをダウンロードしてインストールし、「css.validate」をfalseにします。しかし、CSSファイルにエラーを表示するボックスはありません。私に何ができる ？

visual-studio-codevscode-extensionsstylelint
7
alexzerah

Stylelintを初めて使用する場合、Visual StudioCodeでそれを有効にするための2つの重要な手順があります。

  1. visual Studio Codeの組み込みCSSリンターをオフにし、stylelint拡張機能をオンにします
  2. stylelintを作成する 構成オブジェクト そしていくつかのルールをオンにする

拡張機能の使用方法 に従い、主に Visual Studio Code設定 を次のように変更することで、最初のステップを完了することができます。

{
  "stylelint.enable": true,
  "css.validate": false,
  "scss.validate": false
}

そして、stylelint Webサイトの 構成ドキュメント に従うことによる2番目のステップ。始めるための最も早い手段は次のとおりだと思います。

  1. npmを使用して、推奨される構成をプロジェクトにインストールします。

npm install --save-dev stylelint-config-recommended

  1. プロジェクトのルートで推奨される構成を拡張する.stylelintrcファイルを作成します。

{ "extends": "stylelint-config-recommended" }

この構成は、 エラーの可能性あり ルールのみをオンにします。これは、最初から構築するのに適した構成です。 150以上のルール stylelintに組み込まれています。リンティングのニーズを満たすために、オンにして構成することを選択できます。

12
jeddy3