VSCode-VUE模板文件

编辑本身的代码片断

1. ctrl+shift+p

2. 输入snippet

3. 选择 'Preferences: Configure User Snippets'

4. 输入vue

5. 选择vue.json，会打开vue.json文件

6. 在文件中输入如下代码

   {
       "vue-template": {
           "prefix": "vue",
           "body": [
               "<template>",
               "  <div class=\"\">",
               "",
               "  </div>",
               "</template>",
               "",
               "<script>",
               "export default {",
               "  name: '',",
               "  data() { ",
               "    return {",
               "",
               "    }",
               "  },",
               "  props: {",
               "",
               "  },",
               "  components:{",
               "  },",
               "  mounted() {",
               "",
               "  },",
               "  methods:{",
               "",
               "  },",
               " }",
               "</script>",
               "",
               "<style lang=\"less\" scoped>",
               "  .$1{",
               "",
               "  }",
               "</style>"
   
           ],
           "description": "my vue template"
       }
   }

使用代码片断

1. 新建vue文件
2. 打开刚刚新建的vue文件
3. 输入vue，会有提示，回车便可