新文件快捷方式 vscode - Javascript

简介：

在Vscode编辑器中，我们可以使用快捷键Ctrl+N创建新的空白文件，但如果想要同时添加指定文件类型的文件模板，则需要手动添加代码。本篇文章将介绍如何使用Javascript语言在Vscode中创建一个自定义的新文件快捷方式，让你的代码编写更加高效和便捷。

步骤：

1. 首先我们需要打开Vscode编辑器，然后使用快捷键Ctrl+Shift+P来打开命令面板；
2. 在命令面板中输入Preferences: Open User Keybindings，并回车键，此时会打开keybindings.json文件；
3. 在keybindings.json文件中添加如下代码：

{
    "key": "ctrl+alt+n",
    "command": "workbench.action.files.newUntitledFile",
    "when": "!editorTextFocus"
},
{
    "key": "ctrl+alt+n",
    "command": "expandAbbreviation",
    "when": "editorTextFocus && !editorHasSelection && editorLangId == 'javascript'"
}

其中ctrl+alt+n为新添加的自定义快捷键，workbench.action.files.newUntitledFile为Vscode原有的创建新文件的命令，expandAbbreviation为一个自定义的命令，后面我们会具体介绍。

4.保存keybindings.json文件，并使用快捷键Ctrl+Shift+X打开扩展商店，搜索安装emmet插件； 5.安装成功后，我们就可以在Javascript文件中使用tab键来快速创建指定类型的文件模板，例如输入html:5，然后按tab键，就可以创建一个HTML5文件的基本模板。如果需要其他类型的文件模板，可以参考emmet的官方文档进行添加。

代码解释：

上面提到了一个自定义的命令expandAbbreviation，该命令是基于emmet插件实现的，使用该插件可以快速创建指定类型的文件模板，同时可以轻松修改代码格式、添加样式等操作。在上述步骤中，我们通过添加自定义命令的方式，将expandAbbreviation关联到了ctrl+alt+n这个快捷键上，以实现快速创建指定类型的文件模板。

总结：

在本文中，我们通过Javascript语言实现了一个自定义的新文件快捷方式，可以帮助程序员更加高效和便捷地创建指定类型的文件模板。同时，我们也介绍了emmet插件的相关内容，希望可以帮助读者更好地理解和运用该插件。