webstorm
WebStorm，phpStormでファイルをコピーして別名で保存する
プロジェクトツールウィンドウで該当のファイルを選択します。 上部メニューバーの「Refactor」から「Copy」を選択します。 「New name:」新しい名前と「To directory:」保存先のディレクトリを選択…WebStormで１行を改行して表示する
デフォルトだと長い行があると突き抜けて表示されてしまうため、ウィンドウを縮めている場合に横スクロールが発生し読みにくくなってしまいます。 以下の設定を行うことで、画面幅に合わせて改行して表示することができます。 Mac …WebStormで折りたたむ・コメントアウト・同じ行をコピーするショートカット
折りたたむ・展開する [Command] ＋ [.]（「る」のキー） コメントアウトする [Command] ＋ [/]（「め」のキー） 同じ行をコピーする [Command] ＋ [d]
WebStorm使いはEmmetでHTMLコーディングを高速化しよう
WebStormにはEmmetが標準搭載されています。 以前はZen-codingと呼ばれていたフロントコーディングの入力支援です。 たとえば img とだけ打ってtabを押すと <img src=”” alt=”…WebStormでファイル横断検索（ディレクトリ検索）
[command] + [f] のみだと開いているファイル内の検索のみになってしまうため、Dreamweaverでいうところの「フォルダを指定して検索」を行うには下記のショートカットを利用します。 [command] +…WebStormで検索と置換をするためのショートカット
検索は他のアプリケーションと同じショートカットで出せたのですが、置換をどうすればいいか分からなかったためメモ。 WebStormでは検索と置換をそれぞれ別のショートカットで表示しなければいけないようです。 検索 [Com…WebStormで突然Gruntが動かなくなってしまった場合の対処方法
WebStormで突然以下のエラーが出てSCSSからCSSへの変換ができなくなってしまいました。 grunt –no-color –gruntfile /Users/harada/aipo-design/htmlmo…