vscode 按 !+Tab 无法自动生成HTML模板_随笔

原因：版本更新，隐藏以前的快捷键了

解决办法：

1.设置，搜索emmet，找到："Trigger Expansion On Tab" 勾选。然后就能用！+tab自动生成html模板了

2.设置，搜索emmet Abbreviation，像下图一样设置就好了，然后在html文件中直接输入html，然后会提示html：5，选择这个回车也就可以自动生成html模板了。

3.生成像<br>*3的这种快捷 *** 作，首先要先输入<br>*3,然后按tab键，不是像以前一样按回车键，现在要按tab键，才可以生成。

我理解你的问题是生成动态网页是吧。一般动态的HTML是通过支持CGI 即（通用网关接口）的语言生成的。例如 PHP ASP PYTHON RUBY等。当然前段的JS 也可以通过DOM 生成动态HTML

所谓HTML实际上是一种标记语言。而后端脚本语言通常可以控制终端设备输出显示。这样利用输出加上通用网关接口就可以实现动态的HTML输出（在这里实际上用户浏览器就是一个终端。）

一般后台语言生成HTML都是通过模板实现例如PYTHON

# ! / u s r / b i n / e n v p y t h o n

import cgi

reshtml = '''Content-Type: text/html\n

<HTML><HEAD><TITLE> 7 Friends CGI Demo (dynamic screen)

</TITLE></HEAD>

<BODY><H3>Friends list for: <I>%s</I></H3>

Your name is: <B>%s</B><P>

You have <B>%s</B> friends.

</BODY></HTML>'''

form = cgi.FieldStorage()

who = form['person'].value howmany = form['howmany'].value print reshtml %

(who, who, howmany)

Vscode刚刚更新，emment这个扩展可能取消了用感叹号“！”自动生成html模板的功能，也默认关闭了按`!+Tab`自动生成html模板的功能。还有某一个标签想生成多个，例如：br*3的这种快捷 *** 作该如何重新打开。

1.解决办法是：设置----搜索emmet----找到："TriggerExpansionOnTab"打开就好了。然后就能用！+tab自动生成html模板。

2.设置----搜索emmetAbbreviation，像下图一样设置就好了，然后在html文件中直接输入html，然后会提示html，选择这个回车也就可以自动生成html模板了。

3.想要生成像br*3的这种快捷 *** 作，首先要先输入br*3,然后按tab键，不是像以前一样按回车键，现在要按tab键，才可以生成。

欢迎分享，转载请注明来源：内存溢出

vscode 按 !+Tab 无法自动生成HTML模板