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

vscode建立vue模板

2019-03-30 21:11 405 查看

依次选择“文件 -> 首选项 -> 用户代码片段”,此时,会弹出一个搜索框,我们输入vue后按enter, 会自动打开一个名字为vue.json的文件,复制以下内容到这个文件中:

[code]{
"Print to console": {
"prefix": "vue",
"body": [
"<!-- $0 -->",
"<template>",
"  <div></div>",
"</template>",
"",
"<script>",
"export default {",
"  data () {",
"    return {",
"    };",
"  },",
"",
"  components: {},",
"",
"  computed: {},",
"",
"  mounted: {},",
"",
"  methods: {}",
"}",
"",
"</script>",
"<style lang='scss' scoped>",
"</style>"
],
"description": "Log output to console"
}
}

保存这个文件就可以了,之后建立vue文件后,输入vue按enter就会自动生成vue模板

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