Sassコンパイル環境をつくる（PHPStorm + node-sass） - Qiita
Sassのコンパイル環境を作ろうとすると、今まではRubyの実行環境を構築して、Sass＋Compassが使えるようにしていたと思います。 しかし、デザイナーさんがちょっとcssを編集したいというときに、Rubyの実行環境を構築をお願いすることは、手順書ありきでもなかなか手間がかかるものでした。 それに、Ruby製のSass＋Compassはコンパイル時間が長いことや、Compassが既に開発停止していることを考えると、それらを使い続けることにこだわる必要はないでしょう。 今回はそのための対策として、Node.js の node-sass パッケージをインストールして、WebStorm / PHPStormから使えるようにするところまで紹介します。 ただ結局は、黒い画面を触ることにはなるのでデザイナーさんには敷居が高いかもしれませんが、Sass＋Compass環境を作るよりも簡単で、しかも
PHPStorm + Stylelintを導入してSassのリントチェックを行う（for Drupal8） - Qiita
Drupal8.0からCSSスタンダードのルールに沿ったコーディングをするためのリントツール「CSS Lint」のコンフィグファイル（.csslintrc）が含まれるようになりました。 このリントツール「CSS Lint」を利用すればCSSソースの品質を向上させることができます。 もし、リントツールを導入しない場合、例えばマズイ書き方をしたコードが入り込んでしまい修正・拡張するのが大変になります。 複数メンバーで平行してコーディングしなければならない状況では、メンバーごとに書き方に癖があるので全体を通して見るとコーディングスタイルが統一できていない状態になります。 リントツールを導入する目的はそれらの問題を防ぐ効果があります。 Stylelintの紹介 Drupal8 ドキュメントルート直下に CSS Lint のコンフィグファイルが設置されてはいますが、イマドキのテーマ制作の現場では、生
WebStorm/PHPStormのコード整形ルールを開発チームのメンバー同士で共有する - Qiita
PHPStormにはコードを自動整形する機能があり、CSSコーディング時にはあらかじめ設定した通りのインデントが自動的にされたり、PHPならばPSRの策定に沿ってコードが自動整形されるようになっています。 例）SCSS編集画面 実施環境 下の環境で実施しました。 Macbook Pro (Retina, 15-inch, Mid 2014) Mac OS X 10.11.6 El Capitan PHPStorm 2017.1.4 コードスタイル設定画面 SCSSのコードスタイルを例にして設定方法を説明します。 設定画面を開くには、PHPStormのメニュー「Preferences」をクリックします。 左メニュー「Editor」＞「Code Style」＞「SCSS」をクリックします。 Scheme あらかじめ用意されたコードスタイルスキーム（以下、スキーム）とは別に、独自のコードスタイル
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
