在vscode生成html-vue代码片段

最新推荐文章于 2024-01-30 10:52:19 发布

邱可爱

最新推荐文章于 2024-01-30 10:52:19 发布

阅读量181

点赞数

分类专栏：前端学习文章标签： vscode html vue.js

本文链接：https://blog.csdn.net/weixin_43626356/article/details/122971320

版权

前端学习专栏收录该内容

30 篇文章 0 订阅

订阅专栏

{
"Html5-Vue": { //模板名称
"prefix": "hv",//触发条件
"body": [//内容
"<!--",
"* @description ${1:参数1}",
"* @fileName ${TM_FILENAME_BASE}",
"* @author userName",
"* @date ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT_SECOND}",
"* @version V1.0.0",
"!-->",
"<!DOCTYPE html>",
"<html lang=\"zh-CN\">\n",
"<head>",
"\t<meta charset=\"UTF-8\">",
"\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
"\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
"\t<title>${TM_FILENAME_BASE}</title>",
"\t<script src=\"https://cdn.jsdelivr.net/npm/vue/dist/vue.js\"></script>",
"</head>\n",
"<body>",
"\t<div id=\"app\">$1</div>\n",
"\t<script>",
"\t\tvar vm = new Vue({",
"\t\t\tel: '#app',",
"\t\t\tdata() {",
"\t\t\t\treturn {",
"",
"\t\t\t\t}",
"\t\t\t},",
"\t\t\tcreated()\t{ // 实例被创建之后执行代码",
"",
"\t\t\t},",
"\t\t\tcomputed: { // 计算属性",
"",
"\t\t\t},",
"\t\t\tcomponents: { // 组件的引用",
"",
"\t\t\t},",
"\t\t\tmethods: { // 方法",
"",
"\t\t\t},",
"\t\t\tmounted()\t{ // 页面进入时加载内容",
"",
"\t\t\t},",
"\t\t\twatch: { // 监测变化",
"",
"\t\t\t}",
"\t\t});",
"",
"\t</script>",
"</body>\n",
"</html>"
],
"description": "快速创建在html5编写的vue模板"//描述
}
}

邱可爱

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
在vscode生成html-vue代码片段

{"Html5-Vue": { //模板名称"prefix": "hv",//触发条件"body": [//内容"<!--","* @description ${1:参数1}","* @fileName ${TM_FILENAME_BASE}","* @author userName","* @date ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE} ${CURRENT_HOUR}:${CURRENT_MINUTE}:${CURRENT
复制链接

扫一扫

专栏目录