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

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

一、HTML Snippets

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

翻阅插件的ReadMe,发现FAQ：

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

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

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

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

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

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