小智 23
在 VS Code 中,我用于不同 HTML 项目的单独文件夹存储在UNTITLED (WORKSPACE) 下。
对于新的 HTML 文件,我只需右键单击(WORKSPACE) 中的任何文件夹,选择新建文件,然后使用 HTML 扩展名命名该文件。该文件是完全空的,没有任何 HTML。然后,因为 Emmet 插件内置于 VS Code 中,所以我只需键入一个! (感叹号)并按TAB或ENTER,空文件将包含完整的 HTML5 样板文件。
在 Visual Studio Code 中创建 HTML 文件的 5 个简单步骤
据我所知,没有办法配置 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”为语言模式的新文件。当然,您可以根据需要自定义键绑定,并将语言设置为您想要的任何语言。
| 归档时间: |
|
| 查看次数: |
12646 次 |
| 最近记录: |