有没有办法让 VS Code 默认创建 HTML 文件?

msh*_*hwf 4 visual-studio-code

每当我选择新建文件时,我都想创建 .HTML 文件,这可能吗?

小智 23

在 VS Code 中,我用于不同 HTML 项目的单独文件夹存储在UNTITLED (WORKSPACE) 下

对于新的 HTML 文件,我只需右键单击(WORKSPACE) 中的任何文件夹,选择新建文件,然后使用 HTML 扩展名命名该文件。该文件是完全空的,没有任何 HTML。然后,因为 Emmet 插件内置于 VS Code 中,所以我只需键入一个! (感叹号)并按TABENTER,空文件将包含完整的 HTML5 样板文件。

在 Visual Studio Code 中创建 HTML 文件的 5 个简单步骤

  1. 右键单击(工作区)中的文件夹
  2. 选择新文件
  3. 使用 HTML 扩展名命名文件
  4. 输入(只有一个感叹号)
  5. TABENTER


Lle*_*wey 2

据我所知,没有办法配置 VS Code 来立即执行此操作,因此我编写了一个扩展来执行此操作。您可以从市场下载该扩展。

它添加了两种类型的命令:

  • editor.newFile.withCurrentLanguageMode将打开一个与当前活动文件具有相同语言模式的新文件
  • editor.newFile.withLanguageMode.<languageId>将打开一个指定 id 作为语言模式的新文件。必须首先将语言添加到配置中并设置键绑定

因此,要设置一个命令来打开新的 html 文件,另一个命令来打开 markdown 文件,您可以添加如下设置:

设置.json:

"editor.newFile.languageModes": ["markdown", "html"]
Run Code Online (Sandbox Code Playgroud)

键绑定.json:

{
    "key": "ctrl+shift+t 0",
    "command": "editor.newFile.withCurrentLanguageMode",
    "when": ""
},
{
    "key": "ctrl+shift+t 1",
    "command": "editor.newFile.withLanguageMode.markdown",
    "when": ""
},
{
    "key": "ctrl+shift+t 2",
    "command": "editor.newFile.withLanguageMode.html",
    "when": ""
}
Run Code Online (Sandbox Code Playgroud)

使用这些设置,您可以按“ctrl+shift+t”然后“0”打开一个与您活动的任何文件语言相同的新文件,“ctrl+shift+t”然后“1”打开一个新文件以“markdown”为语言模式,“ctrl+shift+t”然后“2”打开一个以“html”为语言模式的新文件。当然,您可以根据需要自定义键绑定,并将语言设置为您想要的任何语言。