vscode html输入感叹号+回车/tab无法生成html模板以及新版本一些使用技巧

由于版本更新,现版本无法直接通过输入!生成html模板,可以通过以下几种方式解决

方法一:直接输入html:5来生成html模版(相对麻烦)

选择html:5

方法二:设置emmet(一劳永逸)

ctrl+,进入设置界面,搜索“emmet”
如图
分别勾选以下选项:

  • Emmet: Show Suggestions As Snippets
  • Emmet: Trigger Expansion On Tab
  • Emmet: Use Inline Completions

新建html文件,输入!,可以出现以下内容提示:
在这里插入图片描述
按tab键即可(注意不同于上个版本可以按回车键)

题外话:
这样设置后在日后书写代码时更加一目了然
例如:
输入“.”会显示:在这里插入图片描述
输入“ul>li*5”会显示:
在这里插入图片描述
便于代码的观察,不过不同于以往可以直接回车生成代码,现在需要使用tab键

  • 7
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值