如何在vscode中创建HTML的基本框架
·
#在学习web时,发现自己没有办法通过"!+Enter"按键生成HTML框架,搜了几个方法后也没有成功,最后发现闹了个乌龙,猛然察觉自己的网页后缀没有写html,所以小伙伴们在遇到此类问题之前,可以先检查一下自己写的网页是否是以.html,如果是以.htm结尾,可以用以下几个办法生成HTML的基本骨架。
标题一:检查自己的网页后缀是否为.html
最重要的一点,先检查自己的网页后缀是否为.html,否则无论找多少个方法你都无法解决在vscode中无法通过快捷键生成HTML基本框架的问题。
标题二:"!+ Enter键 " / "! + Tab键“
正常情况下,我们可以通过在vscode中先输入英文状态下的” !”,然后再加上“ Enter ”键或者是" Tab “键就可以得到HTML的基本框架。输入感叹号" ! "后出现的蓝色边框可直接点击得到HTML的基本框架,但记住是只有一个" ! "的Emmet缩写,当然也可以按照上面的方法进行,看你更喜欢哪一种。

标题三:” html:5 + Enter键 ” / “ html:5 + Tab键 ”
若在VScode中无法使用“!+Enter”键生成HTML框架的原因主要是因为版本更新后,这个快捷键的功能发生了变化。
所以在新版本vscode中,可以直接输入“html:5”后按Enter或Tab键来生成HTML基本框架。输入" html:"后出现的蓝色边框可直接点击得到HTML的基本框架。

标题四:" 设置 > 搜索 “emmet:Tab>勾选>Ctrl+S保存”
若以上三种方式均行不通,按照图中所示步骤进行操作应该就可以实现上面的快捷键应用。

最后生成的HTML框架如下:
希望以上方法对小伙伴们有所帮助~
更多推荐

所有评论(0)