Ctrl+Shift+P

设置VSCode快捷键vue生成代码片段_代码片段

设置VSCode快捷键vue生成代码片段_自定义_02

设置VSCode快捷键vue生成代码片段_自定义_03

复制下面的代码片段 

{
  "vue-template": {
    "prefix": "vue-强哥的模板", //这个是模板的自定义名称
    "body": [
      "<template>",
      "  <div class='sg-body'>",
      "    ",
      "  </div>",
      "</template>",
      "",
      "<script>",
      "export default {",
      "  data () {",
      "    return {",
      "      ",
      "    }",
      "  },",
      "  components: {",
      "    ",
      "  },",
      "  computed: {",
      "    ",
      "  },",
      "  watch: {",
      "    ",
      "  },",
      "  methods: {",
      "  init(){",
      "",
      "},",
      "  },",
      "  created () {",
      "    ",
      "  },",
      "  mounted () {",
      "    ",
      "  },",
      "  filters: {",
      "    ",
      "  },",
      "}",
      "</script>",
      "",
      "<style lang='scss' scoped>",
      ".sg-body{",
      "",
      "}",
      "</style>",
      "",
    ],
    "description": "你挚爱的强哥http://www.shuzhiqiang.com"
  }
}

 这个时候去新建一个vue文件，然后输入vue看下效果吧

设置VSCode快捷键vue生成代码片段_代码片段_04