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

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180615G0F80O00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券