vs code 设置 vue_html 代码段

最新推荐文章于 2024-08-28 14:51:18 发布

weixin_33862188

最新推荐文章于 2024-08-28 14:51:18 发布

阅读量632

点赞数

文章标签： javascript 开发工具 python ViewUI

原文链接：https://my.oschina.net/codeTec/blog/2960618

版权

2019独角兽企业重金招聘Python工程师标准>>>

1. 按键 ctr+shift+p

2.选择html.json ，加入如下代码：

	"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.min.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."
    }

3.在新增的html 文件中按 vh 即可自动加入设置的代码块

转载于:https://my.oschina.net/codeTec/blog/2960618