Mac在vscode中新建vue模板

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

原创

最新推荐文章于 2024-07-17 14:30:00 发布 · 1.3k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #html #macos #visual studio code

点击左下角的设置按钮，选择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>",