vue.jpg
首先看效果图
image.png
- 首先必须安装扩展组件中的Vetur
-
按照提示选择
image.png - 输入vue.json进行打开，发现什么都没有
- 接下来把下面的代码进行复制黏贴后重新新建一个.vue文件，直接输入vue回车后就会发现和上面的效果图一样。
{
"Print to console": {
"prefix": "vue",
"body": [
"<template>",
" <div>",
" $0",
" </div>",
"</template>",
"",
"<script>",
"export default {",
" data () {",
" return {",
" }",
" },",
"",
" components: {},",
"",
" methods: {}",
"}",
"</script>",
"",
"<style scoped>",
"</style>"
],
"description": "Log output to console"
}
}
<template>
<div>
</div>
</template>
<script>
export default {
data () {
return {
}
},
components: {},
methods: {}
}
</script>
<style scoped>
</style>
- 这样省去了很多时间，可以去做更多的事情
- 感谢大家的对小橙子的支持和鼓励，后期我会带来更多的相关内容
