vscode生成vue模板无法生效问题

vscode生成vue模板无法生效问题生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出vscode自动生成vue模板步骤step1：文件-首选项-用户代码片段，输入vue，点击enter后进入vue.json文件，...

躺着做梦

5575人浏览 · 2020-04-12 22:10:07

躺着做梦 · 2020-04-12 22:10:07 发布

vscode生成vue模板无法生效问题

vscode自动生成vue模板步骤

step1：
文件-首选项-用户代码片段，输入vue，点击enter后进入vue.json文件，将下方代码完全覆盖掉以前内容，保存
在这里插入图片描述

step2：
输入vd，点击enter就能自动生成模板了，如果想调整模板内容，在vue.json中修改
在这里插入图片描述

如果生成的vue模板无法使用，需要在新建的test.vue文件页面右下角选择语言模式为Vue
在这里插入图片描述

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}$/, //不连续的两位字母// /^