新建一个vue页面,需要自己手动创建一个vue的页面,自己写起来十分不方便,如何快捷生成一个vue模板呢?
1.打开vscode,在文件--》首选项--》用户片段中找到 vue.json
2.将vue.json中的内容替换成下面的内容
{
"Print to console": {
"prefix": "vue",
"body": [
"<template>",
" <div>",
" ",
" </div>",
"</template>",
"",
"<script>",
"export default {",
" data() {",
" return {",
" ",
" }",
" },",
" // 生命周期 - 创建完成(访问当前this实例)",
" created() {",
" ",
" },",
" // 生命周期 - 挂载完成(访问DOM元素)",
" mounted() {",
" ",
" },",
" // 存放方法事件 - 会在数据变化时被调用",
" methods: {",
" ",
" }",
"}",
"</script>",
"<style scoped>",
"$4",
"</style>"
],
"description": "Log output to console"
}
}
3.新建一个vue页面,输入vue按tab键或者回车键,效果如下: