第一步：进入vscode界面，使用快捷键Ctrl+shift+p，输入sni，找到首选项：配置用户代码片段。
在这里插入图片描述
第二步：点击首选项：配置用户代码片段，并输入html.json,并点击进入
在这里插入图片描述
第三步：将如下代码覆盖进html.json文件中`在这里插入代码片

{
"vh": {
	"prefix": "vh", // 触发的关键字 输入vh按下tab键
	"body": [
		"<!DOCTYPE html>",
		"<html lang=\"en\">",
		"",
		"<head>",
		"    <meta charset=\"UTF-8\">",
		"    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
		"    <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
		"    <title>Document</title>",
		"    <script src=\"https://cdn.staticfile.org/vue/2.2.2/vue.min.js\"></script>",
		"</head>",
		"",
		"<body>",
		"    <div id=\"app\"></div>",
		"    <script>",
		"        var vm=new Vue({",
		"           el:'#app',",
		"           data:{},",
		"           methods:{}",
		"        });",
		"    </script>",
		"</body>",
		"",
		"</html>",
	],
	"description": "vh components"
	}
}

在这里插入图片描述
Ctrl+s保存。
第四步：创建一个新的html页面，输入vh，就会自动生成一个简单的vue模板啦
在这里插入图片描述
在这里插入图片描述

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

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue