vscode hbuilder 自定义设置html代码块vue代码块

相信大家在学习vue的时候新建一个html页面很痛苦需要手打模板多麻烦呀咱们直接设置代码块复制直接用{"vue html": {"prefix": "vh","body": ["<!DOCTYPE html>","<html>","\t<head>","\t<meta ...

想快快长大

3061人浏览 · 2019-08-02 09:15:46

想快快长大 · 2019-08-02 09:15:46 发布

相信大家在学习vue的时候新建一个html页面很痛苦需要手打模板多麻烦呀咱们直接设置代码块复制直接用

{
	"vue html": {
        "prefix": "vh",
        "body": [
			"<!DOCTYPE html>",
			"<html>",
			"\t<head>",
			"\t<meta charset=\"utf-8\">",
			"\t<title>vue html demo</title>",
			"\t<script src=\"./lib/vue-2.4.0.js\"></script>",
			"\t</head>",
			"\t<body>",
			"\t\t<div id=\"app\">",
			"\t\t</div>",
			"\t\t<script>",
			"\t\t\tnew Vue({",
			"\t\t\t\tel: '#app',",
			"\t\t\t\tdata: {\n",
			"\t\t\t\t},",
			"\t\t\t\tmethods:{\n",
			"\t\t\t\t}",
			"\t\t\t})",
			"\t\t</script>",
			"\t</body>",
			"</html>"
        ],
        "description": "The full sample code - hello world."
    }
}

代码图

键盘敲击vh即刻出现

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