分析vue脚手架文件

在vue中需要引入babel插件,用于将ES6语法转化为ES5,在react中babel的作为还用于将JSX转化为Js
在这里插入图片描述
日常开发可以配置代码片段,这样每次创建.vue文件不用重复初始化一些东西

点击vscode左下角的设置图标,选择用户代码片段
在这里插入图片描述
可以新增用户代码或者查看已有的代码片段
在这里插入图片描述

在这里插入图片描述
在日常开发中,.vue文件包括三个部分:template、script、style
在这里插入图片描述

在main.js文件中引入app组件,引入vue.js,声明一个vue实例vm,挂载app组件到页面上
在这里插入图片描述
或者
在这里插入图片描述
脚手架中index.html文件的<%= xxx %>
相当于./public 路径
在这里插入图片描述
titile里的变量引用的是package.json文件里的name

在这里插入图片描述

在这里插入图片描述
运行结果:
在这里插入图片描述
但是注意,不能用中文,因为这个name同时还被作为包名
在这里插入图片描述
在这里插入图片描述


版权声明:本文为Amnesiac666原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。