vue项目代码提示补全

最新推荐文章于 2024-05-16 23:40:36 发布

YeahNing

最新推荐文章于 2024-05-16 23:40:36 发布

阅读量2.3k

点赞数 3

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_45990664/article/details/128018255

版权

vue项目代码提示补全

1、ctrl+shift+p快捷键打开输入框，输入snippet,选择用户代码片段：

在这里插入图片描述

2、选择全局代码片段文件：

在这里插入图片描述

3、选择全局代码片段文件：

在这里插入图片描述
当输入一个没有这个文件的名字的时候，它会自动创建一个。然后将这些代码复制进去就ok啦！

{
  "Print to console": {
    "prefix": "vue",
    "body": [
      "<!-- $1 -->",
      "<template>",
      "<div class=\"\">",
      "",
      "</div>",
      "</template>",
      "",
      "<script>",
      "export default {",
      "    name:\"\",",
      "    data() {",
      "        return {",
      "",
      "        }",
      "    },",
      "    created() {",
      "",
      "    },",
      "    mounted() {",
      "",
      "    }",
      "}",
      "</script>",
      "<style lang=\"less\" scoped>",
      "$0",
      "</style>"
    ],
    "description": "生成vue模板"
  }
}