我们相信:世界是美好的,你是我也是。平行空间的世界里面,不同版本的生活也在继续...

vscode有个很好用的功能,可以输入dom结构的简写,然后按下tab键,就会自动变成一大段代码。这个功能很实用,当然在很多其他编辑器里面,也都是内置这个功能的,它的名字就叫做emmet

苏南大叔:vscode不支持emmet快捷输入了,该如何开启? - vscode-enable-emmet
vscode不支持emmet快捷输入了,该如何开启?(图3-1)

但是,苏南大叔全新安装的vscode之后,居然不能使用这个非常好用的emmet功能了。那么,该如何处理这个问题呢?本文测试环境:win10vscode@1.55.1。这里就不细说emmet具体的功能了,苏南大叔有个过往文章,是以webstorm为例子的。这里改成以vscode为例子,基本上都是一样的。链接如下:

手动开启

通过vscode的官方更新公告,可以看到:从emmet@2.0开始,vscode官方默认关闭了emmet功能。这个问题,就不能理解了。链接如下:

可以通过设置,打开下面的triggerExpansionOnTab开关即可。截图如下:

苏南大叔:vscode不支持emmet快捷输入了,该如何开启? - settings-emmet-enable
vscode不支持emmet快捷输入了,该如何开启?(图3-2)

开启之后,就可以输入简写的代码,然后大胆的按下tab键,就可以快速输入大段预设代码了。

配置开启

当然,这个功能,还可以通过直接修改配置文件得到。通过vscode右上角的按钮,可以直接打开用户配置。然后输入下面的类似文件,就可以实现开启emmet功能。

{
    "emmet.triggerExpansionOnTab": true
}

苏南大叔:vscode不支持emmet快捷输入了,该如何开启? - settings-emmet-enable-2
vscode不支持emmet快捷输入了,该如何开启?(图3-3)

相关链接

总结

苏南大叔很喜欢这个emmet快捷输入的功能,毕竟可以省不少事儿。推荐您阅读苏南大叔的更多vscode相关文章:

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。

 【福利】 腾讯云最新爆款活动!1核2G云服务器首年50元!

 【源码】本文代码片段及相关软件,请点此获取更多信息

 【绝密】秘籍文章入口,仅传授于有缘之人   vscode