webstorm
【WebStormでSassを使おう】3：Grunt実行とSassの編集
前回まででGruntのプラグインを入れ設定まで行いました。 Gruntの実行 WebStorm画面下の「Grunt」を開いてください。 もし表示されていない場合はプロジェクトビューからGruntfile.jsを右クリック…【WebStormでSassを使おう】2：Gruntプラグインのインストールと設定
前回まででプロジェクトにGruntの基本パッケージをインストールしました。 下記コマンドでGrunt用プラグインをインストールします。 量が多いので多少時間がかかります。 npm install grunt-contri…【WebStormでSassを使おう】1：node.jsとGruntの準備
現状自分のマスト環境になっているWebStormでのSassの利用についてまとめます。 まずはnode.jsとGruntの準備から。 Sassはこれらを使って動くためです。 前提 WebStormインストール済み Web…WebStormでGruntコンソールが開けなくなった場合
たまーに起こるのですが、WebStormで画面下のGruntコンソールが閉じてしまい、開くためのショートカットも消えてしまうことがあります。 ファイル一覧のGruntfile.jsを右クリックすると、「Open Grun…WebStormで一つのプロジェクトで複数のGruntを走らせる
たとえば1つのWordpressサイトで複数のテーマをGruntを使って編集したい場合、複数のGruntを動かしたくなるケースがあります。 結論から言えば、Gruntfile.jsをコピーするだけでOKです。 Compa…
WebStormでプロジェクトを作成した時に行うインストールコマンド
npm install package.jsonがある node_modulesを用意してある 毎回プロジェクトを立ち上げる度に忘れてしまうので、φ(｀д´)ﾒﾓﾒﾓ…Webstormでよく使うショートカットキー
Ctrl + Alt + L コードの自動フォーマット。かなり便利です。 Alt + W 範囲選択。繰り返すごとに外枠外枠とタグごとに広がっていくので、リストまるごとコピー/カットしたい時などにかなり便利です。 F12 …