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

使用vs code 编写.vue文件实现html代码补全功能
使用vs code 编写.vue文件实现html代码补全功能一、HTML Snippets 在vs code中下...
使用VS Code快速编写HTML
VS Code 有自动补全HTML代码方法体的功能 1.打开VS Code并新建文件，点击底部右侧语言模式选项，默...
VS Code 运行html文件
用VS Code编写html文件，想在VS Code中直接打开运行，配置如下：配置tasks.json 打开VS...
VScode运行HTML文件
用VS Code编写html文件，想在VS Code中直接打开运行，配置如下：配置tasks.json 打开VS...
优化Visual Studio Code的自动补全
Visual Studio Code （简称VS Code）是个很棒的代码编辑器，内置多种语言的自动补全功能，写J...
vue（element）中使用codemirror实现代码高亮，
vue（element）中使用codemirror实现代码高亮，代码补全，版本差异对比使用的是vue语言，用el...
编写 Sublime Text 代码片段
在使用 EditPlus 写 Code 的时候总是使用 ACP 自动完成文件，很方便对代码进行补全 ACP 文件...
VScode 配置为Python编辑器
最近看到别人使用VS code来做Python的编辑器，发现里面对代码显示，补全等功能非常完善。所以决定下载一个学...
VsCode 代码排版
以上是我在使用vue编写代码的插件合集忘记了是哪一个插件，然后再VS Code的setting内配置如下Ctrl+...
VS Code使用之Vue工程配置format代码格式化
编辑器另外一个很重要的功能就是代码格式化了，VS Code默认提供常见文件的格式化，如.js,.html等。添加...