VS Code 自定义快捷键快速插入 console.log 语句

如何自定义快捷键输入一段 'user snippet' 自动插入 console.log 语句

1. 打开 VS Code，点击左侧菜单栏的 '文件' (File) 选项，再选择 '首选项' (Preferences) -> '用户代码片段' (User Snippets)。

2. 在弹出的窗口中选择 'JavaScript'，然后选择 'New Global Snippets File' 选项。

3. 在新的代码片段文件中，输入以下代码：

{
    "Insert console.log statement": {
        "prefix": "log",
        "body": [
            "console.log('$1');",
            "$2"
        ],
        "description": "Insert console.log statement"
    }
}

其中，'prefix' 是自定义的快捷键，可以根据自己的喜好来设置。

4. 保存代码片段文件，然后在 JavaScript 文件中输入 'log' 快捷键，按下 Tab 键，就会自动插入以下代码：

console.log('');

其中，光标会自动定位在括号内部，可以直接输入需要打印的内容。

5. 按下 Enter 键，光标会跳转到下一行。如果需要继续编写代码，可以直接输入新的内容，按下 Enter 键即可。

如此，就可以使用自定义的快捷键来输入 console.log 语句了。