vscode中自定义代码片段（vue，正则邮箱手机号等）_vscode自定义代码片段正则-CSDN博客

本文链接：https://blog.csdn.net/weixin_42693712/article/details/107734162

为了以后不遗忘，在这里简单记录一下，以后还会补充
1.自定义vue代码片段打开vscode》文件》首选项》用户片段
在这里插入图片描述
打开html.json
在李曼输入如下代码

{
	// 自定义vue代码片段
	"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"
		},
		//自定义验证正则邮箱
		"regEmail":{
			"prefix": "regEmail", // 触发的关键字 输入vh按下tab键,
			"body": [
				"/^[a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/"
			],
			"description": "regEmail components"
		}
	}

其中vh是定义了vue代码片段，regEmail是自定义了邮箱验证规则
使用，打开新的html文件，在需要的位置输入vh
在这里插入图片描述
按tab键即可
邮箱验证规则也一样

补充验证手机号

//自定义验证正则手机号
		"regMobile":{
			"prefix": "regMobile", // 触发的关键字 输入vh按下tab键,
			"body": [
				"/^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/"
			],
			"description": "regMobile components"
		}