您的位置:首页 > Web前端 > Vue.js

VSCode 快速生成vue代码片段

2019-04-10 09:36 1931 查看

第一步、打开vscode,找到用户代码片段,选择vue.json文件打开,如下图



第二步、将以下代码复制粘贴到vue.json里面,保存

"Print to console": {
"prefix": "vue",
"body": [
"<template>",
"  <div>\n",
"  </div>",
"</template>\n",
"<script>",
"export default {",
"  data () {",
"    return {",
"      msg: ''",
"    }",
"  },",
"  methods: {\n",
"  }",
"}",
"</script>\n",
"<style scoped>\n",
"</style>\n"
],
"description": "Log output to console"
}

如下图所示:


第三步、新建 xxx.vue文件,输入 vue 然后回车,即可快速生成vue代码片段

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: