vscode 自定义 vue 模板

259-aaa

已于 2022-02-03 14:23:02 修改

阅读量484

点赞数

分类专栏：学习 Vue 实战文章标签： vscode vue.js 前端 vue

于 2022-02-03 09:32:29 首次发布

本文链接：https://blog.csdn.net/qq_44680550/article/details/122774111

版权

学习同时被 3 个专栏收录

66 篇文章 2 订阅

订阅专栏

Vue

7 篇文章 1 订阅

订阅专栏

实战

6 篇文章 1 订阅

订阅专栏

vscode 自定义 vue 模板

效果
实现步骤

效果

在这里插入图片描述

实现步骤

下载插件
编辑 vue.json
文件 =》首选项 =》用户代码片段 =》 vue.json

{
  "Print to console": {
    "prefix": "vue",
    "body": [
      "<template>",
      "  <div class=\"$0\"></div>",
      "</template>",
      "",
      "<script>",
      "export default {",
      "  name: '',",
      "  components: {},",
      "  props: {},",
      "  data () {",
      "    return {",
      "    }",
      "  },",
      "  computed: {},",
      "  watch: {},",
      "  created () {},",
      "  mounted () {},",
      "  methods: {}",
      "}",
      "",
      "</script>",
      "<style lang='less' scoped></style>",
      ""
    ]
  }
}