Vue-cli3.0初体验

使用vue开发的小伙伴们对 vue-cli 肯定不陌生，一款非常好的项目启动脚手架工具。这里说的是 vue-cli 2.x，体验很好，很实用。

但对于vue新手来说，安装的vue-cli是最新版本3.0，用过3.0的都会一脸懵逼，连webpack配置文件都找不到，这可咋整？

刚才体验了2.0和3.0，的确感觉2.0版本更友好一些，起码可以改改配置文件，3.0版本生成的项目太精简了，以至于精简过头了。

Tips:windows用户，使用vue-cli新建项目的时候最好用系统自带的cmd，如果用bash，在命令行中，如果出现选项，就会无法通过上下箭头选择。cmd可以通过上下箭头选择。

3.0生成的目录结构也不一样了：

静态文件夹是根目录的public文件夹。

项目启动命令也从 yarn run dev 变成了yarn run serve

当然，最头疼的就是配置webpack，如何配置呢？

然后module.exprorts 一个对象出去，这个对象，就是开发者自定义的一些配置项目，如下图：

那到底有哪些配置项呢？还是看官网吧：

https://cli.vuejs.org/config/#global-cli-config

总之，很多配置项，看着就头疼。

最后，3.0到底怎么样？总结如下：

vue-cli 3.0 会增加很多学习成本，推荐用2.0

vue-cli 3.0 会增加很多学习成本，推荐用2.0

vue-cli 3.0 会增加很多学习成本，推荐用2.0

vue-cli 3.0 会增加很多学习成本，推荐用2.0