资讯专栏INFORMATION COLUMN

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

Zhuxy / 1409人阅读

摘要:因为项目技术架构需要,要用进行搭建,所以简单的分享下如何优雅的开始。第三步创建项目相对,创建就不是之前一大堆了。直接,是项目名字。但是个人建议,进行多选,根据自己需要进行选择。根据提示,运行一把一下,跑起来的感觉很棒。

因为项目技术架构需要,要用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):

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


这个时候你可以选择回车确认。

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

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


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


最终目录为:

第四步 干活吧

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

666,跑起来的感觉很棒。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/99894.html

相关文章

  • 使用VUE搭建后台管理系统(vue-cli更新至3.0)

    摘要:最近还没来得及更新文章,就发现已经更新到版本了。安装成功启动的指令和相比有了些修改不过我们现在可以通过图形化界面进行启动启动之后照例访问即可访问新建的项目 最近还没来得及更新文章,就发现vue-cli已经更新到3.0版本了。 //想了想还是用升级吧,反正最终都逃不掉,不如在这个项目上实验一下3.0的威力(并不会)。 升级vue-cli npm install -g vue@cli v...

    KitorinZero 评论0 收藏0
  • 关于Vue2一些值得推荐的文章 -- 五、六月份

    摘要:五六月份推荐集合查看最新的请点击集前端最近很火的框架资源定时更新,欢迎一下。苏幕遮燎沈香宋周邦彦燎沈香,消溽暑。鸟雀呼晴,侵晓窥檐语。叶上初阳乾宿雨,水面清圆,一一风荷举。家住吴门,久作长安旅。五月渔郎相忆否。小楫轻舟,梦入芙蓉浦。 五、六月份推荐集合 查看github最新的Vue weekly;请::点击::集web前端最近很火的vue2框架资源;定时更新,欢迎 Star 一下。 苏...

    sutaking 评论0 收藏0
  • 关于Vue2一些值得推荐的文章 -- 五、六月份

    摘要:五六月份推荐集合查看最新的请点击集前端最近很火的框架资源定时更新,欢迎一下。苏幕遮燎沈香宋周邦彦燎沈香,消溽暑。鸟雀呼晴,侵晓窥檐语。叶上初阳乾宿雨,水面清圆,一一风荷举。家住吴门,久作长安旅。五月渔郎相忆否。小楫轻舟,梦入芙蓉浦。 五、六月份推荐集合 查看github最新的Vue weekly;请::点击::集web前端最近很火的vue2框架资源;定时更新,欢迎 Star 一下。 苏...

    khs1994 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<