【VS Code模板(snippet)】Vue CDN 開發模式 通用模板

VS code自定義用戶代碼片段snippet

  僅作爲一個記錄。

  "Vue CDN Test Template": {
    "prefix": "Vue Test",
    "body": [
      "<!DOCTYPE html>",
      "<html lang=\"en\">",
      "<head>",
      "  <meta charset=\"UTF-8\">",
      "  <title>${0: Test Name} | Vue CDN Test</title>",
      "  <script src=\"./Vue.js/2.5.17/vue.js\"></script>",
      "  ",
      "  <script>",
      "      // 註冊組件的script放在頭文件中預渲染",
      "    Vue.component('', {",
      "      props: [],",
      "      template: ''",
      "    })",
      "  </script>",
      "  ",
      "</head>",
      "<body>",
      "  ",
      "  <div id=\"app\">",
      "  ",
      "  </div>",
      "  ",
      "  <script>",
      "    var vm = new Vue({",
      "      el: '#app',",
      "      data: {",
      "        ",
      "      },",
      "      methods: {",
      "        ",
      "      }",
      "    })",
      "  </script>",
      "  ",
      "</body>",
      "</html>",
    ],
    "description": "Vue CDN Test html template"
  }
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章