Mac在vscode中新建vue模板

最新推荐文章于 2024-07-17 14:30:00 发布

林江断一流

最新推荐文章于 2024-07-17 14:30:00 发布

阅读量1.2k

点赞数 1

分类专栏： vscode使用记录文章标签： vue.js html macos visual studio code

本文链接：https://blog.csdn.net/Water__wave/article/details/104724403

版权

vscode使用记录专栏收录该内容

3 篇文章 0 订阅

订阅专栏

点击左下角的设置按钮，选择user snippets，

在弹出层选择new global snippets file，输入模板名称，回车

全选，将以下代码复制到文件中

{
  "Vue-Template": {
    "prefix": "vue",
    "body": [
      "<!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>Template</title>",
      "\t<script src=\"./js/vue.js\"></script>",
      "</head>\n",
      "<body>",
      "\t<div id=\"app\">$1</div>\n",
      "\t<script>",
      "\t\tconst app = new Vue({",
      "\t\t\tel: '#app',",
      "\t\t\tdata: {},",
      "\t\t\tmethods: {}",
      "\t\t});",
      "\t</script>",
      "</body>\n",
      "</html>"
    ],
    "description": "快速创建vue模板"
  }
}

其中，"\t<script src=\"./js/vue.js\"></script>",是js文件的位置，需要修改为自己的

"prefix": "vue",是我带出这个模板的前缀，可以修改为自己想要的

林江断一流

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
2
评论
Mac在vscode中新建vue模板

点击左下角的设置按钮，选择user snippets，在弹出层选择new global snippets file，输入模板名称，回车全选，将以下代码复制到文件中{ "Vue-Template": { "prefix": "vue", "body": [ "<!DOCTYPE html>", "<html lang...
复制链接

扫一扫

专栏目录