使用vs code 编写.vue文件实现html代码补全功能

使用vs code 编写.vue文件实现html代码补全功能


一、HTML Snippets

在vs code中下载安装 HTML Snippets 插件,安装完成后结果不是你想的那样,vs code仍然不具备html代码补全的功能。

翻阅插件的ReadMe,发现FAQ:

使用vs code 编写.vue文件实现html代码补全功能_第1张图片

提示:需要在settings.json中配置files.associations的属性

二、settings.json中配置files.associations对象

点击左下角  “设置” 就可以看到settings.json(用户设置)文件

在 “常用设置” 里找到files.associations对象

使用vs code 编写.vue文件实现html代码补全功能_第2张图片

在 “用户设置” 中编辑files.associations对象

使用vs code 编写.vue文件实现html代码补全功能_第3张图片

完成以上步骤后,再回到.vue页面,div+tab键就可以自动补全代码了

你可能感兴趣的:(使用vs code 编写.vue文件实现html代码补全功能)