こんにちは、Habr！
JavaScript IDEの新しいバージョンである
WebStorm 7をリリースしました。この新機能について
お知らせいたします。
もちろん、新しいWebStorm 7では、JavaScriptテンプレート、スタイラス、Webコンポーネントなどの新しい人気のあるテクノロジーのサポートを楽しむことができます。 さらに、内部IDEツールを大幅に再設計および改善しました。これにより、WebStormの使いやすさと生産性が向上します。
JavaScriptテンプレート
まず、WebStorm 7で
EJSテンプレートのサポートが登場しました：EJSタグのペアの強調表示と追加（設定は設定で設定できます）、パス解決、インポートステートメントのリファクタリング。 個別に、ejsファイルのフォント、色、インデントをカスタマイズできます。
また、
Mustacheテンプレートエンジンとその高度なバージョンの
Handlebarsのサポートも追加しました。 WebStorm 7は.mustacheおよび.hbsファイルを理解し、それらをフォーマットし、{{}}タグを強調表示します。
もちろん、すべてのテンプレートで、HTMLおよびJavaScriptのオートコンプリートと編集作業中のエラー検出。
次に、新しいバージョンでは
Webコンポーネントの基本的なサポートが導入されました。 WebStormは、開発者が設定した新しいDOM要素を理解し、プロジェクトのHTMLファイルとCSSファイルの自動補完を提供します。
スタイラスとコンパス
最も重要なWebStorm 7の更新のいくつかは、CSSプリプロセッサに関するものです。
WebStormが
Stylusのサポートを追加し
たことを喜ばしく思います（最近Habréで
話しました）。
スタイラスで記述されたコードの場合、エディターは構文の強調表示、自動補完、フォーマットをサポートし、File Watcherを使用してCSSのコードを自動的にコンパイルします。
もう1つの重要な更新は、
Compassフレームワークのサポートです。これがないと、Sassでの作業を想像するのは困難です。 WebStormは、.sassおよび.scssファイルでのコンパスファイルのインポートを理解し、コンパスからの関数、ミックスイン、変数の定義、自動補完、検索をサポートします。
Javascript
WebStorm 7は、Genericsが登場した最新バージョンの
TypeScript 0.9をサポートし、enumの構文が変更されました。
WebStormのもう1つの優れたJavaScriptアップデートは、AngularJS開発者によって作成された
Karma JavaScriptテストユーティリティの統合です。 IDEで簡単にテストを実行し、便利な形式で結果レポートを表示できます。 Karmaと一緒に、テストでコードカバレッジを分析するために、新しいWebStormにサポートが追加された
istanbulを使用できます。
IDEツール
ワンクリックで、WebStormに統合されたnode.js-
npmパッケージマネージャーに移動できます。 これを使用すると、IDEウィンドウで直接ノードパッケージを簡単に検索し、プロジェクトにローカルにインストールして、更新を監視できます。 WebStorm 7は統合端末も導入しました。
重要な変更はライブ編集でした。ライブ編集は、JavaScriptデバッグモード（Google Chromeを使用）でのみ利用可能になりました。 HTMLファイルに対してデバッグを実行する必要があります。そうすると、ファイルの変更のすべての結果が、ページをリロードせずにブラウザーにすぐに表示されます。
変更は
JavaScriptデバッガー自体に影響しました。 最初に、DOMの変更を表示するための新しい要素タブがデバッガーに追加されました。 次に、Google Chromeを介してデバッグするときとNode.jsをデバッグするときの変数の表示が改善されました。 たとえば、大きな配列は便利なグループ化された形式で表示され、デバッガーのさまざまなタイプの変数の値の色はエディターの色と一致します。
次は？
製品ページからWebStorm 7の30日間無料試用版をダウンロードして
ください 。必要に応じて、新しいバージョンの詳細を確認できます。
バージョン7へのアップグレードは、2012年9月26日以降にライセンスを購入した人には無料です。
コメントでご質問にお答えいたします。
いつものように、
バグトラッカーで新しいバージョンに関するコメントと提案を待っています。
喜んでプログラム！
JetBrains WebStormチーム