スマートキーの設定: JavaScript
この設定ページを使用して、JavaScript で入力支援機能を構成します。
WebStorm での JavaScript サポートの詳細については、「JavaScript」を参照してください。
'${' の入力時に自動的に文字列リテラルをテンプレート文字列に置換
デフォルトでは、チェックボックスが選択されており、${ と入力すると文字列リテラルがテンプレート文字列に自動的に変換されます。この動作により、コード (Vue.js テンプレートなど) の補間が壊れる可能性があります。
補間の破壊を防ぎ、文字列リテラルを保持するには、チェックボックスをオフにします。


'$' の入力でテンプレート文字列補間を開始する
波括弧 {} を自動的に追加する代わりに、$ 記号の後に通常の文字列を含む式を挿入するには、このチェックボックスをオンにします。詳細については、式の補間を参照してください。


文字列リテラルの貼り付け時にテキストをエスケープする
デフォルトでは、テキストを JavaScript 文字列に貼り付けると、WebStorm によってバックスラッシュエスケープシンボル (\) が自動的に挿入されます。自動テキストエスケープを抑制するには、文字列リテラルの貼り付け時にテキストをエスケープするチェックボックスをオフにします。
JSX ファイルに貼り付ける場合に HTML を変換 (属性の変換、単一のタグを閉じる)
デフォルトでは、単一タグを含む HTML コードをコピーして JSX に貼り付けると、WebStorm は各単一タグの末尾にスラッシュ / を自動的に追加します。

HTML コードをそのまま JSX にコピーするには、JSX ファイルに貼り付ける場合に HTML を変換 (属性の変換、単一のタグを閉じる) チェックボックスをオフにするか、そのまま貼り付け Ctrl+Alt+Shift+V を使用します。
JSX ファイルに貼り付けるときに HTML 属性名を変換する
デフォルトでは、クラス属性またはイベント時ハンドラーを含む HTML コードをコピーして JSX に貼り付けると、WebStorm はこれらの属性を React 固有のものに自動的に置き換えます。( className、onClick、onChange など)

HTML コードをそのまま JSX にコピーするには、JSX ファイルに貼り付けるときに HTML 属性名を変換するチェックボックスをオフにするか、そのまま貼り付け Ctrl+Alt+Shift+V を使用します。
コピーと貼り付けで JSDoc 先頭のアスタリスクをエスケープ
デフォルトでは、チェックボックスが選択されており、コードフラグメントを JSDoc コメント内の選択範囲に貼り付けると、先頭のアスタリスク文字 (*) が自動的に挿入されます。
場合によっては、前置詞にアスタリスクを追加すると、書式が崩れたり、JSDoc コメントが読みにくくなったりすることがあります。コードスニペットを貼り付けるときにアスタリスクが自動的に追加されないようにするには、コピーと貼り付けで JSDoc 先頭のアスタリスクをエスケープチェックボックスをオフにします。


関連ページ:
JavaScript
WebStorm を使用すると、JavaScript を使用して最新の Web、モバイル、デスクトップアプリケーションを開発できます。JavaScript 対応のコーディング支援には、キーワード、ラベル、変数、パラメーター、関数の補完、エラーと構文のハイライト、フォーマット、コードインスペクションおよびクイックフィックス、および一般的で JavaScript 固有リファクタリングが含まれます。WebStorm は、JavaScript リンターおよび Flow 型チェッカーとも統合されます。組み込み...
スマートキーの設定: Markdown
この設定ページを使用して、Markdown の入力支援機能を構成します。WebStorm での Markdown サポートの詳細については、「Markdown」を参照してください。テーブル:入力時にテーブルを整形表の行と列を自動的に調整して、内容がセルに収まるようにします。テーブルセル内に HTML 改行 ('<br/>') を改行の代わりに挿入表のセル内で Enter キーを押すと、適切な改行が追加されます。このオプションがないと、レンダリングされた HTML で実際に改行されま...
コード編集
設定ダイアログのコード編集ページを使用して、一般的なコード編集オプションを構成します。キャレット移動のハイライト一致した括弧このチェックボックスをオンにすると、キャレットを開始点の直前または終了点の直後に配置したときに、WebStorm 開閉括弧のペアをハイライト表示するになります。HTML タグや XML タグでも機能します。現在の範囲 WebStorm に現在のキャレット位置に入力されたコードの有効範囲をハイライトさせるには、このチェックボックスを選択します。キャレット上の要素の使用箇所このチェ...