vscode快速创建代码块

ctr+shift+p ，搜索栏输入user，点击红色选中区域，如图：

image.png

点击完了后，点击新建全局代码片段文件，完成后就是下图：

image.png

然后在文件中输入以下代码

{
    "Print to Vue&html base code": {
      "prefix": "vue2", // 可以改成你想要的指令
      "body": [
          "<template>",
          "  <div class=''>",
          "  </div>",
          "</template>",
          "   ",
          "<script>",
          "   ",
          "export default {",
          "  name:'',",
          "  data(){",
          "    return {",
          "    }",
          "  },",
          "  created() {",
          "    // console.log('------created--------');",
          "  },",
          "  methods: {",
          "  ",
          "  },",
          "}",
          "</script>",
          "   ",
          "<style scoped>",
          "  ",
          "</style>",
      ],
      "description": "Vue&html base code"
    }
  }
  
  

然后输入vue2即可生成代码块

image.png