VsCode设置vue模板

最新推荐文章于 2022-11-16 13:17:06 发布

bancheng8597

最新推荐文章于 2022-11-16 13:17:06 发布

阅读量255

点赞数

文章标签： javascript 开发工具 json ViewUI

原文链接：http://www.cnblogs.com/TLSF/p/9639154.html

版权

本文介绍如何利用VSCode插件VueHelper快速设置并使用代码片段，简化.vue文件的创建过程，提高前端开发效率。通过安装VueHelper插件，并配置代码片段，可以一键生成标准的Vue组件模板。

摘要由CSDN通过智能技术生成

首先要看有没有安装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"
  }
}