7
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Vimでシンタックスのチェック

Posted at

Vimを仕事で使っているのですがCSSのエラーに気づかずコミットして
しまうことがあったので文法ミスに気づきやすくするツールを調べました。

Syntastic: Syntastic
をインストール。

C言語のファイルを開いて適当にエラーを書いてみるとチェックしてくれるが
CSSの場合はうまくいかない。

CSSのファイルを開いてコマンド:SyntasticInfoを実行すると下記が表示された
Syntastic: active mode enabled
Syntastic info for filetype: css
Available checker(s):
Currently enabled checker(s):

「Available checker」や「Currently enabled checker」がない!

色々調べるとここで紹介されているcsslintやprettycssのインストールが必要なことがわかった

npm をインストールして下記を実行してみた。
npm install -g csslint
npm install -g PrettyCSS

CSSファイルでもう一度やってみるとまだだめだ。
ここでハマってしまいましたがnpmでインストールしたものはパスを通してやらなければいけないことが
わかりました。.bash_profileに下記を追加するとうまくいきました。

export PATH="/usr/local/share/npm/bin:$PATH"

7
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?