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，會有提示，回車即可