Vscode写vue项目一键生成.vue模版

最新推荐文章于 2025-11-05 11:01:54 发布

原创最新推荐文章于 2025-11-05 11:01:54 发布 · 1.2k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #vscode #javascript

1. 安装一个插件，识别vue文件

插件库中搜索Vetur，下图中的第一个，点击安装，安装完成之后点击重新加载

2.新建代码片段

文件-->首选项-->用户代码片段-->点击新建代码片段--取名vue.json 确定

3.粘贴入自己写的.vue模板

"Print to console": {
    "prefix": "vue",
    "body": [
      "<!-- $1 -->",
      "<template>",
      "<div class='$2'>$5</div>",
      "</template>",
      "",
      "<script>",
      "",
      "export default {",
      "components: {},",
      "data() {",
      "return {",
      "",
      "}",
      "},",
      "computed: {},",
      "watch: {},",
      "methods: {",
      "",
      "},",
      "created() {",
      "",
      "},",
      "mounted() {",
      "",
      "},",
      "}",
      "</script>",
      "<style scoped>",
      "$4",
      "</style>"
    ],
    "description": "Log output to console"
  }
}