使用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键就可以自动补全代码了

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,355评论 19 139
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,196评论 4 61
  • Sublime 与 VS Code Sublime 的目标用户主要是 vim 使用者,追求极致性能。VS Code...
    Tim_Lee阅读 10,316评论 3 7
  • Visual Studio Code (简称 VS Code)是由微软研发的一款免费、开源的跨平台文本(代码)编辑...
    葛高召阅读 14,584评论 0 8
  • 周一的时候才知道论文提交的截止时间已到,比印象中的时间早了8天,在得到教研员的应允后,决定周五即今天下班前提交。 ...
    库因塔阅读 1,371评论 0 0