vscode 使用vue快捷键快速搭建一个vue页面_vscode一个vue文件里面,如何快速创建一个vue结构

第一步
打开设置

第二步
查看当前的里面是否有vue，如果有则不用新建，如果没有的话直接新建一个vue文件
第三步
如果有的话直接把这个文件里的代码删除

第四步
将以下代码粘贴到第三步的文件里

{
  "Print to console": {
    "prefix": "vue",
    "body": [
      "<template>",
      "<div>",
			"",
      "</div>",
      "</template>",
      "",
      "<script>",
      "export default {",
      "name:'',",
      "data() {",
      "return {",
      "",
      "};",
      "},",
      "created() {",
      "",
      "},",
      "mounted() {",
      "",
      "},",
      "methods: {",
      "",
      "},",
      "}",
      "</script>",
      "<style scoped>",
			"",
      "</style>"
    ],
    "description": "生成vue模板"
  },
}

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
31
32
33
34
35
36
37

第五步

直接在新建的vue文件里输入vue+回车键就会生成一个vue文件

大功告成