stylelintを使い始めたので設定例など (2016年9月更新) - yuw27b’s blog
※2016年9月13日更新：stylelintのアップデートに伴い、ルールの記述方法が古くなっていたものがありましたので、訂正しました。 stylelintって？ 名前のとおりCSSのlintツールです。 設定したルールから外れた書き方をすると警告してくれます。 CSSを書くにあたって、インデントにタブを使うのかスペースを使うのか、スペースなら何文字分にするのか、「{」の前にスペースを空けるかどうか、といった「書き方」を統一する目的で使います。バリデーション（CSSの標準仕様に準拠しているかどうかの判定）は行いません。 公式サイト：http://stylelint.io/ 日本語情報だとこちらが分かりやすかったです：CSSのLintをstylelintにする - Qiita stylelintの特徴 ルールのカスタマイズができる ルールセットの使い分けも簡単 CSSのlintツール自体は他
[CSS]かなり便利！スタイルシートを自分で決めたルール通りに整形する便利ツール
コードを決められたルール通りに記述するのは、素晴らしいことです。 同じクォートを使い、セミコロンの後のスペースの有無、スペースやタブの数、改行の使い方など、統一するのは大変そうですが、ツールを使用すると簡単にできます。 コードを決められたルール通りに、見やすく整形できる便利ツールを紹介します。 Prettier + Stylelint: Writing Very Clean CSS 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Prettier Stylelint 対応エディタ Stylelintを使用した時によくある事 関連 Prettier Prettierは2017年1月にローンチされた新しいプロジェクトで、すでに多くのWeb制作者が利用している人気ツールです。「頑固なコードフォーマッター」と呼ばれています。 Prett
![[CSS]かなり便利！スタイルシートを自分で決めたルール通りに整形する便利ツール](https://cdn-ak-scissors.b.st-hatena.com/image/square/65d8fd972c8e42b26e4948173c8eb784215ccfb9/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201704%2F2017103011.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
