正在回答
2回答
同学你好！
是问怎么配置才能新建.vue才能有默认模板是吗？
1.设置.vue模板
打开编辑器，点击文件 —— 首选项 —— 用户代码片段，会弹出来一个输入框。
在输入框输入vue，回车，会打开一个vue.json文件。在里面复制以下代码：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 | { "Print to console": { "prefix": "vue", "body": [ "<!-- $1 -->", "<template>", "<div class='$2'>$5</div>", "</template>", "", "<script>", "//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）", "//例如：import 《组件名称》 from '《组件路径》';", "", "export default {", "//import引入的组件需要注入到对象中才能使用", "components: {},", "data() {", "//这里存放数据", "return {", "", "};", "},", "//监听属性 类似于data概念", "computed: {},", "//监控data中的数据变化", "watch: {},", "//方法集合", "methods: {", "", "},", "//生命周期 - 创建完成（可以访问当前this实例）", "created() {", "", "},", "//生命周期 - 挂载完成（可以访问DOM元素）", "mounted() {", "", "},", "beforeCreate() {}, //生命周期 - 创建之前", "beforeMount() {}, //生命周期 - 挂载之前", "beforeUpdate() {}, //生命周期 - 更新之前", "updated() {}, //生命周期 - 更新之后", "beforeDestroy() {}, //生命周期 - 销毁之前", "destroyed() {}, //生命周期 - 销毁完成", "activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发", "}", "</script>", "<style scoped>", "//@import url($3); 引入公共css类", "$4", "</style>" ], "description": "Log output to console" }} |
模板内容可按自己的喜好自行修改。然后新建一个.vue文件，输入vue然后按tab键。
2.如果第一步没有成功
如果第一步成功是最好的，万一按tab键没有成功生成模板，而是多了一个空格：
步骤一：点击文件 —— 首选项 —— 设置，修改以下设置：
1 2 3 4 5 | "emmet.syntaxProfiles": { "vue-html": "html", "vue": "html"},"emmet.triggerExpansionOnTab": true |
如下图：
步骤二：点击编辑器右下角笑脸左边的文件类型，选择配置文件关联，输入vue然后回车。右下角的文件类型就会从html变成vue。这时再用tab键就可以成功生成模板了~
效果：
如果帮助到了你，欢迎采纳，祝学习愉快~
4.Vue与React高级框架开发
- 参与学习 人
- 提交作业 239 份
- 解答问题 10739 个
本阶段带你深入前端开发的肌理，通过ES6基础知识和前端主流高级框架的学习，助你快速构建企业级移动webAPP应用，进入职场的终极battle
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧