スマートキーの設定: JavaScript

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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