vscode で console.log を書く 2 つの簡単な方法の詳細な説明

(I) 方法 1: 事前にスクリプトタグ内に直接定義します。この HTML ファイルにのみ適用されます。

 add = function(a,b){ を追加します。
 	a + b を返します。
 };
 コンソールログ((20,300)を追加します);
 
 const { ['log']:C } = コンソール;
 C((20,300) を追加します);

(ii) 方法 2: Tab キーを押して console.log をすばやく生成すると、カーソルが () 内にあります。もう一度 Tab キーを押すと、カーソルが自動的に次の行にジャンプします。
1. vscode エディターを開き、「ファイル」->「設定」->「ユーザースニペット」を選択し、「javascript.json」と入力して Enter キーを押します。
初めて使用する場合、次のようなコメント付きコードが見つかります。

{
	// ここにJavaScriptのスニペットを配置します。各スニペットはスニペット名で定義され、プレフィックス、本文、 
	// 説明。プレフィックスはスニペットをトリガーするために使用され、本文は展開されて挿入されます。使用可能な変数は次のとおりです。
	// $1、$2はタブストップ、$0は最終カーソル位置、${1:label}、${2:another}はプレースホルダーです。 
	// 同じ ID が接続されています。
	// 例：
	// "コンソールに出力": {
	// "プレフィックス": "ログ",
	// "体"： [
	// "console.log('$1');",
	// "$2"
	// ],
	// "description": "コンソールにログ出力します"
	// }
}

2. 例をリリースするには、次の間隔コードを使用します。一部のパラメータの意味は次のとおりです。
①prefix: コードのショートカットキーのエントリ。ここでは、個人の習慣に応じて設定できます。たとえば、cl を設定すると、Tab キーで console.log を直接生成できます。
②bodyはコード本体を表します。
$1は、コードが生成された後にカーソルが最初に表示される位置を示します。
$2 は "console.log('$1');" の下に書かれています。これは、console.log() が素早く生成された後、コードの後に 1 行が残り、もう一度 Tab キーを押すとカーソルが $2 (左の行) にジャンプすることを意味します。

{
	// ここにJavaScriptのスニペットを配置します。各スニペットはスニペット名で定義され、プレフィックス、本文、 
	// 説明。プレフィックスはスニペットをトリガーするために使用され、本文は展開されて挿入されます。使用可能な変数は次のとおりです。
	// $1、$2はタブストップ、$0は最終カーソル位置、${1:label}、${2:another}はプレースホルダーです。 
	// 同じ ID が接続されています。
	// 例：
	「コンソールに印刷」: {
		「プレフィックス」: 「cl」、
		"体"： [
			"console.log('$1');",
			「$2」
		]、
		"description": "コンソールにログ出力します"
	}
}

これで、vscode で console.log を書く 2 つの簡単な方法についての説明は終わりです。vscode console.log の書き方に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません: