VsCode设置vue模板

• Z时代
• 2024-01-10
• 分类：综合

首先要看有没有安装vueHelper 这个插件

安装好后，Ctrl+Shift+P打开命令输入 snippet （打开用户代码片段） 

在输入vue(选择代码片段的语言) 

这是你会进到vue.json文件中，复制下面代码

{
  "Print to console": {
      "prefix": "vue",
      "body": [
          "<template>",
          " <div id='app'>\n",
          " </div>",
          "</template>\n",
          "<script>",
          " export default {",
          "   data () {",
          "     return {\n",
          "     }",
          "   },",
          "   components: {\n",
          "   }",
          " }",
          "</script lang='scss' scoped>\n",
          "<style>\n",
          " ",
          "</style>",
          "$2"
      ],
      "description": "Log output to console"
  }
}

再去建立.vue文件，输入vue 敲tab搞定

以上是 VsCode设置vue模板 的全部内容， 来源链接： utcz.com/z/380580.html