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

使用vscode创建vue代码片段

2019-04-28 09:18 686 查看

step1: 
文件-首选项-用户代码片段,输入vue,点击enter后进入vue.json文件,将下方代码完全覆盖掉以前内容,保存

step2:测试 
新进test.vue文件,在vue文件中输入vue,点击table就能自动生成模板了,如果想调整模板内容,在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>",
"</style>"
],
"description": "Log output to console"
}
}

 

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