VSCode中自定义模板

最新推荐文章于 2024-06-03 21:14:24 发布

爱学习的静静

最新推荐文章于 2024-06-03 21:14:24 发布

阅读量199

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/weixin_44721766/article/details/119645733

版权

VSCode HTML模板 Vue.js 自定义快捷键前端开发

关键词由CSDN通过智能技术生成

笔记专栏收录该内容

16 篇文章 0 订阅

订阅专栏

概述

VSCode中自定义Html模板

第一步

在这里插入图片描述

第二步

在这里插入图片描述

第三步

在这里插入图片描述 html.json内容，这个用于初学Vue的模板

{
	"h5 template": {
        "prefix": "hh", // 对应的是使用这个模板的快捷键
        "body": [
         "<!DOCTYPE html>",
         "<html lang=\"en\">",
         "<head>",
         "\t<meta charset=\"UTF-8\">",
         "\t<title>Document</title>",
         "\t<script src=\"../js/vue.js\"></script>",     
         "</head>\n",
         "<body>",
         "\t<div id =\"root\"> </div>\n",
         "\t<script>",
         "\t //创建Vue实例",
         "\t var vm = new Vue({",
         "\t\tel: '#root',",
         "\t\tdata: {},",
         "\t\tmethods: {}",
         "\t });",
         "\t</script>",
         "</body>\n",
         "</html>"
        ],
        "description": "HT-H5" // 模板的描述
     }
}

爱学习的静静

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
VSCode中自定义模板

概述VSCode中自定义Html模板第一步第二步第三步html.json内容，这个用于初学Vue的模板{ "h5 template": { "prefix": "hh", // 对应的是使用这个模板的快捷键 "body": [ "<!DOCTYPE html>", "<html lang=\"en\">", "<head>", "\t<meta
复制链接

扫一扫

专栏目录