- 更新日: 2015年10月29日
- Vim
scss-lintのインストール・Vimで使う設定
スポンサーリンク
scss-lint は SCSS のコーディングスタイルをチェックして、ルールに違反している箇所を警告してくれる lint ツールです。CSS を書くのに SCSS を採用するチームで、コーディング規約を統一したい場合なんかに便利かと思う。個人プロジェクトでも、SCSS の標準的なコーディング規約を身に着けたい時に便利です。
【お知らせ】 英単語を画像イメージで楽に暗記できる辞書サイトを作りました。英語学習中の方は、ぜひご利用ください！
画像付き英語辞書 Imagict | 英単語をイメージで暗記スポンサーリンク
— 環境 —
Vim 7.3
scss-lint 0.38.0
scss-lint をインストールして SCSS をチェック
gem が配布されています。なのでインストールは簡単。
https://github.com/brigade/scss-lint
普通に gem install で入れる。
|
1 2 3 4 5 6 |
$ gem install scss-lint $ rbenv rehash $ scss-lint --version scss-lint 0.38.0 |
最近の情報だとアンダースコアで区切ってあるようです。どちらでも良いのかな（？）。
|
1 2 3 |
$ gem install scss_lint |
SCSS ファイルを手動でチェック。
|
1 2 3 |
$ scss-lint app/assets/stylesheets/custom.css.scss |
Vim で scss-lint による自動チェックを有効にする
vim でファイル保存時に scss-lint のチェックが走るように設定します。RuboCop の場合の設定と同じく、Syntastic を使って設定を行いました。
RuboCopをVimで使う設定(Syntastic/プラグイン） | EasyRamble
.vimrc に以下の1行を追加するだけ。
~/.vimrc
|
1 2 3 |
let g:syntastic_scss_checkers = ['scss_lint'] |
これで、Vim 利用でファイル保存時に、scss-lint によるチェックが自動で行われるようになりました。
- – 参考リンク –
- 自動検出と自動修正でCSSを保守する – Qiita
- scss-lintを使ってみる
スポンサーリンク
Vim を極めたければこの2冊ははずせません！
>> 次の記事 : CoffeeLintのインストール・Vimで使う設定
<< 前の記事 : Vimでインデント/タブ幅をファイル拡張子ごとに設定
- Vim の関連記事
- Vimでカーソル下の文字列をgrep(vimgrep)する.vimrc設定
- VimでURLをブラウザで開く
- Vimで正規表現の後方参照を使って置換
- CoffeeLintのインストール・Vimで使う設定
- Vimでインデント/タブ幅をファイル拡張子ごとに設定
- RuboCopをVimで使う設定(Syntastic/プラグイン）
- You must install neosnippet-snippets or disable runtime snippets(Vim)
- neobundle#rc() is removed function エラー(Vim)
- VimでSpaceを使った便利なキーバインド用vimrc設定
- Vimで行を結合、複数行を一発で連結する
- 初回公開日: 2015年10月26日
Leave Your Message!