脚手架文件结构:
node_ modules
public
favicon. ico:页签图标
index.html:主页面
src
assets:存放静态资源
logo. png
component:存放组件
HelloWorld. vue
App.vue:汇总所有组件
main.js:入口文件
.giti gnore: git版本管制忽略的配置
babel.config.js: babel的配置 文件
package.json: 应用包配置文件
README.md: 应用描述文件
package-lock.json: 包版本控制文件
关于不同版本的Vue:
vue.js 与 vue.runtime.xoxx.js 的区别:
(1)、vue.js是完整版的Vue,包含:核心功能+模板解析器。
(2)、vue.runtime.xx.js是运行版的Vue,只包含:核心功能;没有模板解析器。
因为vue.runtime.xxx.js没有模板解析器,所以不能使用template配置项,需要使用render函数接收到的createElement函数去指定具体内容。
vue.config.js配置文件
使用vue inspect > output.js 可以查看到vue脚手架的默认配置.
使用vue.config.js可以对脚手架进行个性化定制,详情见:https://cli.vuejs.org/zh
网友评论