Vscode设置自动生成vue页面代码块

标签：vue Vscode 代码 生成 输入 页面

1.ctrl+shift+p

 2. 输入snippet -> 首选项：配置用户代码片段

 3. 输入vue ，选择vue.json(vue)

 4.输入下面代码：

"Print to console": {            "prefix": "vue",         "body": [             "<template>",             "  <div>\n",             "  </div>",             "</template>\n",             "<script>",             "export default {",             "  data () {",             "    return {\n",             "    }",             "  },",             "  methods: {\n",             "  },",             "  components: {\n",             "  }",             "}",             "</script>\n",             "<style scoped>\n",             "</style>",             "$2"         ],         "description": "创建一个自定义的vue组件代码块"     }

 5.测试，输入vue，然后按Tab键即可出现页面代码块模板

 

标签：vue,Vscode,代码,生成,输入,页面
From： https://www.cnblogs.com/xx321/p/18123287