VS Code拥有很多特别适合和方便的功能，自定义文件模板就是其中之一，本文中主要记录Vue的模板

创建模板步骤

• 点击VS Code左下角设置按钮，选择用户代码片段
  
• 选择新建全局代码片段，输入名称，例如vue
  
• 编辑文件即可

Vue页面代码

{
  "Print to console": {
    "prefix": "vue",
    "body": [
      "<template>",
      "  <div id=\"page\"></div>",
      "</template>",
      "",
      "<script>",
      "export default {",
      "  name: 'page',",
      "  data () {",
      "    return {",
      "    }",
      "  },",
      "",
      "  components: {},",
      "",
      "  computed: {},",
      "",
      "  mounted () {},",
      "",
      "  methods: {}",
      "}",
      "",
      "</script>",
      "<style scoped>",
      "</style>",
      ""
    ],
    "description": "vue模板"
  }
}

Vue组件代码

{
  "Print to console": {
    "prefix": "vue-component",
    "body": [
      "<template>",
      "  <div id=\"component\"></div>",
      "</template>",
      "",
      "<script>",
      "export default {",
      "  name: 'component',",
      "  data () {",
      "    return {",
      "    }",
      "  },",
      "  props: {",
      "    value: {",
      "      type: Object,",
      "      default () {",
      "        return {}",
      "      }",
      "    }",
      "  },",
      "",
      "  computed: {},",
      "",
      "  methods: {}",
      "}",
      "",
      "</script>",
      "<style scoped>",
      "</style>",
      ""
    ],
    "description": "vue组件模板"
  }
}