vs code新版本,解决感叹号无法生成HTML骨架的方法

我们知道, 最近vs code的新版本取消了!号一键生成html骨架

那我们想要一键生成html骨架需要怎么办呢?
接下来给你大家几个解决方法

新版本取消了叹号, 大家都不适应吧, 这里给大家推荐几个一键生成的快捷键

  • 方式一: 输入html:5可以一键生成html的骨架

  • 方式二(个人更喜欢的一种): 输入doc可以一键生成html骨架, 其实输入do敲回车就可以生成了

  • 方式三: ctrl + i 选择HTML sample, 同样可以生成HTML骨架


当然除了以上快捷键外, 如果想要继续使用!号生成, 我们也是有办法的

!号其实算是emmet语法, 在新版本vs code中, emmet语法提示都是没有了
但是我们可以通过设置, 使emmet有提示

  • 依次打开vs code -> 设置 -> 扩展 -> Emmet
  • 找到Use Inline Completions, 并勾选上(如下图)

vs code新版本,解决感叹号无法生成HTML骨架的方法_第1张图片

  • 这时候使用叹号就会出现提示, 但是输完!号需要按tab键, 按回车键失效了
    ! + tab
    vs code新版本,解决感叹号无法生成HTML骨架的方法_第2张图片
    设置完成后, 不只是!号, 其他的Emmet语法也会有提示

你可能感兴趣的:(前端工程化,html,vscode)