JavaScript/TypeScript開発に特化した補完、リファクタリング、npm統合機能で、Web開発を劇的に効率化するショートカット

Ctrl+Space

基本コード補完

基本的なコード補完候補を表示します。

💡 覚え方: Code completion（補完）

🎯 文脈に応じた賢いコード補完により、JavaScriptやTypeScriptのコーディングを高速化

Alt+Insert

コードの生成

各種コード生成オプションを表示します。

💡 覚え方: Generate

🎯 コンストラクターやゲッター/セッターなどのボイラープレートコードを瞬時に生成

Alt+Enter

インテンションアクションとクイックフィックスを表示

インテンションアクションやクイックフィックスを表示します。

💡 覚え方: Intention actions

🎯 コンテキストに応じたクイックフィックスでコード品質を即座に改善

Ctrl+Alt+L

コードを再フォーマット

コードを自動的にフォーマットします。

💡 覚え方: Format（フォーマット）

🎯 プロジェクトのコーディング規約に従ってコードを自動整形

Ctrl+P

パラメーター情報

メソッド呼び出しの引数情報を表示します。

💡 覚え方: Parameter info

🎯 関数やメソッドのパラメーター情報を表示して、正確なAPIの使用をサポート

Ctrl+Alt+T

囲む...（Surround with）

選択コードをif/elseやtry/catchなどで囲みます。

💡 覚え方: Surround

🎯 選択したコードをtry-catchやif文で素早く囲んで、エラーハンドリングを強化

WebStorm