vsCode一键生成vue模板

210 阅读 0 评论 139 点赞

我是靠谱客的博主暴躁鞋子，这篇文章主要介绍vsCode一键生成vue模板，现在分享给大家，希望可以做个参考。

1.使用快捷Ctrl + Shift + P唤出控制台

2，然后输入“snippets”并选择

2.接着输入vue，

vs code自动生成vue.json文件。

3. 将vue.json文件改为下面得模板（可以根据个人需求修改当中的模板内容）

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
{
      
        "Print to console": {
            "prefix": "vue",
            "body": [
                "<template>",
                "  <div">$0</div>",
                "</template>",
                "",
                "<script>",
                "export default {",
                "  components: {},",
                "  props: {},",
                "  data() {",
                "    return {",
                "    };",
                "  },",
                "  watch: {},",
                "  computed: {},",
                "  methods: {},",
                "  created() {},",
                "  mounted() {}",
                "};",
                "</script>",
                "<style lang="scss" scoped>",
                "</style>"
            ],
            "description": "A vue file template"
        }
    }