スマートキーの設定: JavaScript

'${' の入力時に文字列リテラルをテンプレート文字列に自動変換する

デフォルトでは、チェックボックスが選択されており、 ${ と入力すると文字列リテラルがテンプレート文字列に自動的に変換されます。 この動作により、コード (Vue.js テンプレートなど) の補間が壊れる可能性があります。

補間の破壊を防ぎ、文字列リテラルを保持するには、チェックボックスをオフにしてください。

'$' の入力でテンプレート文字列補間を開始する

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

文字列リテラルの貼り付け時にテキストをエスケープする

デフォルトでは、JavaScript 文字列にテキストを貼り付けると、PhpStorm によってバックスラッシュのエスケープシンボル（\ ）が自動的に挿入されます。 自動テキストエスケープを抑制するには、 文字列リテラルの貼り付け時にテキストをエスケープする チェックボックスをオフにします。

JSX ファイルにコードを貼り付ける際に HTML 単一タグを閉じる

デフォルトで、単一タグを含む HTML コードをコピーして JSX に貼り付けると、PhpStorm は各単一タグの末尾にスラッシュ / を自動追加します。

HTML コードをそのまま JSX にコピーするには、 JSX ファイルにコードを貼り付ける際に HTML 単一タグを閉じる チェックボックスをオフにするか、 そのまま貼り付け Ctrl+Alt+Shift+V を使用します。

JSX ファイルに貼り付けるときに HTML 属性命名を変換する

デフォルトでは、クラス属性または on イベントハンドラを含む HTML コードをコピーして JSX に貼り付けると、PhpStorm はこれらの属性を React 固有のもの（className、 onClick、 onChange 、など）に自動的に置き換えます。

HTML コードをそのまま JSX にコピーするには、 JSX ファイルに貼り付けるときに HTML 属性命名を変換する チェックボックスをオフにするか、 そのまま貼り付け Ctrl+Alt+Shift+V を使用します。

コピーや貼り付け時に JSDoc 先頭のアスタリスクをエスケープ

デフォルトでは、チェックボックスが選択されており、コードフラグメントを JSDoc コメント内の選択範囲に貼り付けると、先頭のアスタリスク文字 (*) が自動的に挿入されます。

場合によっては、前置詞にアスタリスクを追加すると、書式が崩れたり、JSDoc コメントが読みにくくなったりすることがあります。 コードスニペットを貼り付けるときにアスタリスクが自動的に追加されないようにするには、 コピーや貼り付け時に JSDoc 先頭のアスタリスクをエスケープ チェックボックスをオフにします。