VS code中自动补全.vue文件的html代码

1.在VS Code的扩展中下载HTML Snippets

打开拓展快捷键Ctrl+Shift+X

在搜索框中搜索HTML Snippets,如果没有安装,点击安装即可,安装完后如下图所示
VS code中自动补全.vue文件的html代码_第1张图片

2.settings.json中配置files.associations

(1)进入设置:通过 文件 - - >首选项 - - >设置 进入
使用快捷键Ctrl+,
(2)选择用户,然后点击右上角的{}进入settings.json文件中
VS code中自动补全.vue文件的html代码_第2张图片
(3)在settings.json中添加如下代码

"files.associations": {
    "*.vue":"html"
 }

这样在.vue文件中就可以自动补全HTML代码了。

你可能感兴趣的:(Visual,Studio,Code)