Vue CLI に stylelint を導入する

stylelint とは

結論

1. stylelint と stylelint-config-standard をインストールします

$ yarn add --dev stylelint stylelint-config-standard

2. stylelint.config.js を作成します

内容は最低限度で以下のようになります。

module.exports = {
  extends: 'stylelint-config-standard',
}

3. 必要に応じて .stylelintignore を作成します

Lint の対象外にしたいファイルがある場合は .stylelintignore に記述します。.gitignore などと同様です。

補足

VS Code の拡張機能 と組み合わせれば、リアルタイム警告や保存時自動修正なども可能です。

Powered by はてなブログ