使用vscode时，如何在.vue文件中补全html代码

vscode不得不说是个神器，微软大法好，毕竟webstorm不会用，3年的老机器打开几乎是秒开，使用过程没发现卡顿现象。目前码vue，就装了Vetur、Vue 2 Snippets两个插件，习惯了联想补全的我发现.vue文件没有自动补全<div>之类的html元素的功能。度娘谷歌一下一堆方法，在settings.json中添加或者修改如下"files.ass

Phil_Jing

4817人浏览 · 2018-04-28 20:24:36

Phil_Jing · 2018-04-28 20:24:36 发布

vscode不得不说是个神器，微软大法好，毕竟webstorm不会用，3年的老机器打开几乎是秒开，使用过程没发现卡顿现象。

目前码vue，就装了Vetur、Vue 2 Snippets两个插件，习惯了联想补全的我发现.vue文件没有自动补全<div>之类的html元素的功能。

度娘谷歌一下一堆方法，在settings.json中添加或者修改如下

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

然后在.vue文件输入div，按一下tab键或者回车键，<div></div>出现了。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^