在vscode编辑器中,在.vue文件中使用html代码补全功能

笔者vscode版本:1.42.1
首先在vscode的应用商店中搜索HTML Snippets
如下图所示:
在这里插入图片描述
在vscode编辑器中,在.vue文件中使用html代码补全功能_第1张图片
在vscode编辑器中,在.vue文件中使用html代码补全功能_第2张图片
点击首选项里的设置,出现:
在vscode编辑器中,在.vue文件中使用html代码补全功能_第3张图片
在常用设置里面寻找setting.json。笔者的情况是直接在右边区域里用滚轮滑到目标区域,不需要通过搜索栏里搜索。
在vscode编辑器中,在.vue文件中使用html代码补全功能_第4张图片
点击在settings.json中编辑,则会打开一个settings.json文件。如下图:
在这里插入图片描述
笔者的settings.json文件只有这4行代码,网上看别人写的文章,settings.json文件中的代码可能会有很大差别。

将settings.json文件改成如下所示,就可以在vue中书写html标签时获得提示,提高编写效率了。
在vscode编辑器中,在.vue文件中使用html代码补全功能_第5张图片
关键就在于:在settings.json文件中加入

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

你可能感兴趣的:(在vscode编辑器中,在.vue文件中使用html代码补全功能)