千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > 掌握VSCode快捷键生成HTML

掌握VSCode快捷键生成HTML

来源:千锋教育
发布人:xqq
时间: 2023-11-25 08:09:23 1700870963

一、VSCode快捷键生成HTML没用

我们在使用VSCode编写代码时,常常会用到快捷键。而VSCode本身也有一些快捷键可以生成HTML标签,如Ctrl+Shift+P打开命令面板,输入“!HTML”,会生成一个HTML文件的基本结构。但是,有些用户却反映这个快捷键在他们的VSCode中并不起作用。如果遇到这种情况,我们可以检查VSCode的插件和设置,看能否解决问题。

二、VSCode快捷键生成HTML按键没有/失效/不起效

如果VSCode中的快捷键生成HTML标签按键没有,或者失效,不起效,我们可以先在VSCode的扩展商店中搜索“HTML Snippets”,安装这个插件。这个插件的作用是提供HTML标签的代码片段。安装完成后,在HTML文件中输入标签名称,再输入Tab键,就可以快速生成相应的HTML标签代码了。

三、VSCode快捷键生成HTML基本结构

 
   
     
    Page Title 
   
   

   
 

当我们新建一个HTML文件时,我们可以手动输入这个基本结构,也可以使用VSCode的快捷键Ctrl+Shift+P,输入“!HTML”来生成这个基本结构。

四、VSCode生成HTML模板

除了基本结构,VSCode还为我们提供了一些可以快速生成HTML模板的快捷键,这些模板可以提高我们的编码速度。

Ctrl+Shift+P打开命令面板,输入“!HTML5”来生成一个HTML5标准的文件模板。 输入“!DOCTYPE html”,然后按下回车键,会生成一个HTML5文档类型声明。 输入“html:5”,然后按下Tab键,会生成一个HTML5文档结构。 输入“html:4t”,然后按下Tab键,会生成一个HTML4文档结构,同时会添加doctype声明。

五、VSCode HTML快捷键

以下是VSCode中常用的HTML快捷键。

Ctrl+Shift+P:打开命令面板。 !HTML:生成HTML文件的基本结构。 html:5+Tab键:生成HTML5文档结构。 !DOCTYPE html:生成HTML5文档类型声明。 html:4t+Tab键:生成HTML4文档结构,同时会添加doctype声明。 div+Tab键:生成
标签。 img+Tab键:生成标签。 a+Tab键:生成标签。 table+Tab键:生成标签。 ul+Tab键:生成