目次
動画を見ていると、上司がショートカットキーを使ってテンプレートコードを素早く生成できるのがとても便利だということが分かり、勉強して手順を記録することにしました。
React コードを迅速に生成する
まず、vscode で [ユーザー コード スニペットの構成] ボタンを見つけてクリックします。
表示される入力ボックスに「JavaScript」と入力します。
Javascript.json を選択すると、JavaScript.json ファイルがポップアップ表示されます。
次に、js ファイルにテンプレート コードを入力し、スニペット ジェネレーターにコピーします: https://snippet-generator.app
以下に示すように、左側の入力ボックスに次のように入力します。
右側で生成されたjsonファイルをJavascript.jsonファイルに直接コピーします。
次に、js ファイルに「imR」と入力し、ポップアップ プロンプト ボックスをクリックするか、Tab キーを押してコードをすばやく生成します。
vueコードを素早く生成する
[ユーザー コード スニペットの構成] ボタンをクリックし、「vue.json」と入力します。
vue.json がない場合は、
新しいグローバル コード スニペット ファイルを作成するか、「xxx」フォルダーに新しいコード スニペット ファイルを作成し、「vue.json」と入力して Enter キーを押して json ファイルを生成します。
次に、次の図に示すように、vue ファイルにテンプレート コードの一部を入力し、それをスニペット ジェネレーターの左側にある入力ボックスにコピーします。
次に、右側で生成された json ファイルを vue.json.code-snippets ファイルにコピーします。
その後、.vue ファイルに ted と入力し、ポップアップ プロンプト ボックスをクリックするだけで、テンプレート コードを生成できます。