タグ

Phpstormに関するrenge_itameshiのブックマーク (3)

  • WebStorm/PhpStormからYUI Compressorを使う

    CSSJavaScriptを圧縮できる「YUI Compressor」をWebStorm/PhpStormから使う方法です。 1つ前の「WebStorm/PhpStormでSassをコンパイルする」で、コマンド入れて何かできるんならこれもできるかもなーと思ったのでやってみたら上手くいったのでついでに書いておきます。 まず、JavaがインストールされていたらYUI Compressorをダウンロードして、適当な場所に展開します。ダウンロードは以下のリンクからどうぞ。 YUI Compressor 前回と同じようにSettingsからExternal Toolsと進んで、[Add]ボタンをクリック。 ダイアログが出てくるので、そこに入力していきます。 Programの欄には、java.exeへのパスを入力。自分の場合はこれでした。 C:\Program Files\Java\jre6\bin

    WebStorm/PhpStormからYUI Compressorを使う
  • WindowsでWebStorm-PhpStormからSassをディレクトリ単位でwatchする

    単にSassファイルをwatchするだけなら、以前書いた記事とはてなダイアリーで書いたもので大丈夫なんですが、分割されたSCSSファイルごとにやるのもあれだし、partialなんかはどうするのってなるので、ディレクトリ単位でwatchしておきたいわけです。 まあ前のと同じようにディレクトリを指定すればいいんだろうと思ったらエラー。 で、調べてみたら、--watchコマンドのディレクトリ指定時のパスの書き方が問題のようです。 SASS -watch path:path broken on Windows - Sass | Google グループ つまり、パスを指定するときはバックスラッシュじゃなくてフォワードスラッシュ(普通のやつ)で書いてね、ってことみたいです。 次の問題はPhpStormのExternal Toolsの設定なんですが、Parametersのマクロにはフォワードスラッシュの

    WindowsでWebStorm-PhpStormからSassをディレクトリ単位でwatchする
  • WebStorm/PhpStormからSassをコンパイルする

    WebStormPhpStormというIDEがあるのですが、この IDEはSassをサポートしていて、ハイライトなんかもしてくれます。 ただSCSSファイルをコンパイルするのにコマンドプロンプト立ち上げるのめんどくさいなーと思ってなんとかできないか調べてみました。 参考にしたのはこの記事です。 Easy SASS compilation in WebStorm / PhpStorm | Richard Tuin’s mindspins ただ、これの通りにやっても上手くいかなくて、前回は諦めましたが、今回は上手くいったのでやり方をメモしておきます。 まずはRubyとSassをインストールして、Sassが使える状態にします。インストール方法なんかは検索すればいっぱいでてきます。 準備ができたらWebStormPhpStorm)の設定をします。 SettingsからExternal Tool

    WebStorm/PhpStormからSassをコンパイルする
  • 1