phpstorm でSCSSをチェックする
SCSSファイルを開くと、Lintの設定をレコメンドされる。配布元 →GitHub - idok/scss-lint-plugin: SCSS Lint plugin for intellij
ちなみにscss lint には npm もある。最近はnpmを使うことが多いハズ。そしてさらに最近はDartSassになってるはず。
ただし、このプラグインは設定が古いため、ruby 版を使うことになっている。
phpstorm のプラグインは ruby 版を想定してるので、想定通りに動かしてあげる。
私は更に想定して、古いバージョンのruby を使ってインストールしておいた。
scss-lintのインストール
gem install --user-install scss-lint
実行結果
Fetching scss-lint-0.38.0.gem
Fetching sass-3.4.25.gem
Fetching rainbow-2.2.2.gem
WARNING: You don't have /Users/takuya/.gem/ruby/2.7.0/bin in your PATH,
gem executables will not run.
Successfully installed sass-3.4.25
Building native extensions. This could take a while...
Successfully installed rainbow-2.2.2
WARNING: `scss-lint` has been renamed to `scss_lint` to follow proper RubyGems naming conventions. Update your Gemfile or relevant install scripts to install `scss_lint`.
Successfully installed scss-lint-0.38.0
3 gems installed
インストールされた場所
takuya@Desktop$ ls /Users/takuya/.gem/ruby/2.7.0/bin sass sass-convert scss scss-lint
設定
phpstorm などで、SCSSで設定を検索し、上記のパスを入れてあげる。
無事に動作した。
