vue-cli2.0转3.0之项目搭建

发布时间:2019-05-07 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了vue-cli2.0转3.0之项目搭建脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

因为项目技架构需要,要用vue-cli 3.0进行搭建,所以简单的分享下3.0如何优雅的开始。下面做一下简单的介绍,希望可以帮到有需要的朋友

vue-cli 3.0 正式版于 8月10号发布!

首先,既然不是一个版本,如果想使用V-C3,你需要卸载之前安装的2.0(有方式可以共存,暂不赘述),卸载了不会影响你以前的功能,使用不爽,可以再安装回去,安装就不说了,说下卸载。

第一步 卸载Vue-cli2

命令是:npm uninstall -g vue-cli

第二步 安装V-C3.0

方式很多,譬如 npm install -g @vue/cli 或者 yarn global add @vue/cli,根据嗜好,自选。

第三步 创建项目

相对2.0,V-C3创建就不是之前inIT webp..... 一大堆了。直接 vue create PRoject,project是项目名字。so easy,如下图(mac报err-13,请使用sudo):
vue-cli2.0转3.0之项目搭建

我选了默认,没用淘宝镜像,选择Y后,会有如下图所示:

vue-cli2.0转3.0之项目搭建
这个时候你可以选择回车确认。

但是个人建议,进行多选,根据自己需要进行选择。

选择Manua...这一行,然后就会出现:

vue-cli2.0转3.0之项目搭建
自己空格就可以选择了,除了E2E,都是我需要的,所以如上图所选。
回车后,显示: Use class-style component syntax? 接下来就不细说了,一路Y就可以。
最终,我的选择如图,设置成功:

vue-cli2.0转3.0之项目搭建
最终目录为:

vue-cli2.0转3.0之项目搭建

第四步 干活吧

安装成功后,可以写业务了。
根据提示,运行一把,feel一下 3.0

vue-cli2.0转3.0之项目搭建

666,跑起来的感觉很棒。

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! vue,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的vue-cli2.0转3.0之项目搭建全部内容,希望文章能够帮你解决vue-cli2.0转3.0之项目搭建所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。