WebStorm の新機能 
WebStorm の新機能 Prettier をデフォルトのフォーマッターとして使用するための待望のオプション、Vue のクラス最高（今やっと言うことができます ! ）のサポート、JavaScript 用の新しいインテンション、GitHub プルリクエストの完全なサポートなど。
組み込みのフォーマッターの代わりに Prettier を使用してコードを整理したいですか？今回の更新により、以前よりもさらに簡単になりました。新しいものにチェックを入れてください コードの再フォーマットについて (英語) チェックボックスと IDE は、.js , .ts , .jsx と .tsx ファイルを再フォーマットするときは常に Prettier を使用します。他のファイルタイプも簡単に追加できます。
WebStorm が Nuxt.js を操作する(英語)生産性をさらに高めましょう ! テンプレートセクションと nuxt.config.js ファイル内のコーディング支援機能を使用し、コア Nuxt コンポーネントのクイックドキュメントを確認し、Nuxt プロジェクトで Vuex ストアのサポートを取得します。
Vue 固有のコードスタイル設定を使用すると、コンテンツをインデントするトップレベルタグを選択したり、Vue ファイル全体でインデントを同じにするか、言語設定に依存するかを選択したりできます。Vue コード内で補間をフォーマットする方法を変更することもできます。
IDE に必要なすべての WSL 関連ワークフローのサポートを追加し続けます。これで、WSL からプロジェクトを開くと、IDE は自動的に WSL から Git に切り替わり(英語)、関連するすべての機能を使用できるようになります。
TypeScript 言語サービスが .vue ファイルを処理する方法を改善しました。これらは、.ts または .tsx ファイルと同様に扱われます。他の Vue または TypeScript ファイル内の Vue ファイルのインポートで問題が発生しなくなりました。
新しいスマートインテンション(英語)（Alt+Enter）は、オプションのチェーンと無効な合体、およびループに関するいくつかのアクションをより迅速に実行できます。例：数値インデックスを持つ for ループを forEach 配列メソッドにすばやく変換できるようになりました。
すべてのタグを通過する必要があるため、JSDoc コメントの読み取りは困難な場合があります。これを簡単にするために、エディターでこれらのコメントを表示(英語)できるようにし、不要な注意散漫を排除しました。
WebStorm では、実行およびターミナルツールウィンドウからデバッグセッションを開始(英語)できるようになりました。例： npm start などのスクリプトを実行し、Ctrl+Shift を押しながらそのスクリプトの出力で http リンクをクリックすると、IDE が JavaScript デバッグセッションを開始します。
デバッグすると、組み込みコンソールのアイテムプレビューにいくつかの拡張機能が表示されます。これらの機能強化により、オブジェクトを展開しなくても、オブジェクトに関するより詳細な情報が得られます。
昨年、Sass および SCSS で使用される @use および @forward ルールの初期サポートをいくつか導入しました。WebStorm がインポートされたシンボルのスマートな補完と改善された解像度を提供することを期待できるように、このサポートを拡張しました。
v2020.2 以降、.jpeg または .png ファイルの場合と同様に、WebStorm で .webp イメージをプレビューできます。以前は、WebStorm は .webp イメージ形式を認識できず、そのようなイメージをのぞく必要があるときはいつでも別のアプリケーションに切り替える必要がありました。
WebStorm 2020.2 は、 マージ、プル、およびリベースアクションのダイアログの煩雑さを取り除きます。また、 プルダイアログの– rebase やマージダイアログの– no-verify など、いくつかの新しいオプションも追加されます。
Git ツールウィンドウのログタブで複数のローカルコミットを選択し、1 つにまとめることができます。このアクションは、右クリックで呼び出すことができるコンテキストメニューから利用できます。
新しいインスペクションウィジェットと問題ツールウィンドウを使用すると、現在のファイル内の警告、エラー、その他の課題の数に関する詳細情報を取得し(英語)たり、それらの間を移動したりできます。
複数のキャレットを操作するための新しいアクション（Alt+Shift+G）を使用すると、選択した各行の終わりにキャレットをすばやく配置し、すべてのキャレットが追加されるとすぐに選択を削除できます。