vue一键生成模板

1、下载vscode支持的vue插件

　　1）Eslint

　　2）GitLens

　　3）language-stylus

　　4）Path Intellisense

　　5）Prettier formatter

　　6）Vetur

　　7）Vue Vscode Snippets

　　8）npm Intellisense

　　9）Auto Close Tag

　　10）Auto Rename Tag

　　11）JavaScript（ES6） code snippets

　　12) HTML CSS Support

　　13)Bracket Pair Colorizer

 

2、添加vue文件的一键生成模板

　　文件-》首选项-》用户代码片段=》搜索 vue， 选择第一项

　　

<!--  -->
<template>
<div class=''></div>
</template>

<script>

export default {
  components: {},
  data () {
    return {

    };
  },
  computed: {},
  watch: {},
  methods: {

  },
  created () {

  },
  mounted () {

  },
  beforeCreate () {},
  beforeMount () {},
  beforeUpdate () {},
  updated () {},
  beforeDestroy () {},
  destroyed () {},
  activated () {}
}
</script>
<style lang='less' scoped>
//@import url(); 引入公共css类

</style>

 

将上诉内容复制到打开的文件中

 

在新建文件后，输入 vue + tab 见，该模板就会出现