基于VSCode的vue单文件组件模板设置---一次设置，可爽终生

第一步：

第二步：

 第三步：

打开vue.json文件后，若是是初次设置，应该以下图所示，绿色注释部分不用管，注意那两个白色大括号

 第四步：在大括号内所有粘贴以下代码，保存便可完成vue模板的设置

"Print to vue": {

  "prefix": "vue",

  "body": [

   "<template>",

   "  <div></div>",

   "</template>",

   "",

   "<script>",

   "export default {",

   "  name: '',",

   "  data () {",

   "    return {}",

   "  },",

   "  created () {},",

   "  // mounted () {},",

   "  computed: {},",

   "  watch: {},",

   "  methods: {}",

   "}",

   "</script>",

   "",

   "<style lang=\"\" scoped>",

   "",

   "</style>",

   ""

  ],

  "description": "快速建立vue单文件组件"

 }

第五步：，每次建立完后缀为.vue的文件后，就能够经过在文件中输入vue来触发配置模板

 第六步：效果图以下

提醒：

这里须要先注释掉mounted(){}生命周期方法，等使用时再打开注释便可，一个里面什么也不定义的空mounted(){}在运行时会报错

第七步：

特别说明：复制粘贴的代码中一些属性的做用

Print to vue：不用管它，没什么用

prefix：触发模板的指令，可自行设置

body：所配置的模板内容

description：对模板的描述，可自行设置

注意：

输出敏感字符"，应该\"，加个反斜杠

输出敏感字符$，应该\\$

 

但愿能帮到上进可爱的你，完。