vue---脚手架（不太完整）

我会带着你远行 2024-04-07 13:48 61阅读 0赞

## 一、创建脚手架 ##

![7e64935c10ee4e05856aacf7ef17ad29.png][]

选择vue2

![11d285c81cf14ffba2a8fac340e04dde.png][]

![81a6ca29e7c34ae3b6144932690a063f.png][]

![ea12bba815274259b9de2bec655db541.png][]

它帮我们开一了一个内置的小服务器，我们可以输入下面的任意一个查看他给我们的默认页面![4c6f182f479448209cbc6f749a0e2481.png][]

**Ctrl+C可以停止**

## 二、分析脚手架结构以及render函数 ##

![3b318d68d4c94db9aa51fe6263732dd6.png][]

vue.js与vue.runtime.xxx.js的区别：

vue.js是完整版的Vue，包含：核心功能+模板解析器

vue.runtime.xxx.js是运行版的Vue,只包含：核心功能，没有解析器

vue.runtime.xxx.js没有模板解析器，所以不能使用template配置项，需要使用render函数接收到createElement函数去指定具体内容

## 三、脚手架配置 ##

![1f772a26e0cc49fe8516f831d06add6a.png][]

其中，下面的五个尽可能的不要改

![8c9accec556b43eaa18a176654e8e00e.png][]

## 四、vue.config.js配置文件 ##

![454710bf1c9d40b9ba2e765299f8597c.png][]

[7e64935c10ee4e05856aacf7ef17ad29.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/8e0a5200882f443aaf6367268b6a9478.png
[11d285c81cf14ffba2a8fac340e04dde.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/bb41a24a312a45bb9be9d2250e2e9d5a.png
[81a6ca29e7c34ae3b6144932690a063f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/8994fa2f10a441a8b33aae33fb5f7f20.png
[ea12bba815274259b9de2bec655db541.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/87b570b3905b47c59fe75ba4bbaaf46f.png
[4c6f182f479448209cbc6f749a0e2481.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/54a80ebf76f74ba4919d1e1c2207773f.png
[3b318d68d4c94db9aa51fe6263732dd6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/a4bcb04eabc0474fb4c4343c289884f4.png
[1f772a26e0cc49fe8516f831d06add6a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/20de0e1ccd9941f092d8e8fa9750de1e.png
[8c9accec556b43eaa18a176654e8e00e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/e3df65ab44e44460a9bc161769ef8f0a.png
[454710bf1c9d40b9ba2e765299f8597c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/bb79af03a91c43ad9b8a7cd416e1dab1.png