Vue

vue-cli

2021-08-07  本文已影响0人  卑微小李学前端

脚手架文件结构:

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

上一篇下一篇

猜你喜欢

热点阅读