当前位置: 首页 > Web前端 > HTML5

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

时间:2023-04-05 17:33:07 HTML5

由于项目的技术架构,需要用vue-cli3.0搭建,所以简单分享下如何优雅的启动3.0。下面简单介绍一下,希望对有需要的朋友有所帮助。vue-cli3.0正式版8月10日发布!首先,由于不是一个版本,如果要使用V-C3,需要卸载之前安装的2.0(有共存的方法,暂不赘述)。卸载不会影响您之前的功能。如果您不习惯使用它,可以将其安装回去。安装就不说了,说说卸载吧。第一步卸载Vue-cli2的命令是:npmuninstall-gvue-cli第二步安装V-C3.0有多种方式,比如npminstall-g@vue/cli或者yarnglobaladd@vue/cli,根据喜好,可选。第三步是创建项目。与2.0相比,V-C3的创建不是之前的initwebp.....很多了。直接vue创建项目,project就是项目名。soeasy,如下图(mac报err-13,请用sudo):我选择默认,没有使用淘宝镜像。选择Y后,如下图所示:此时可以回车确认。但是我个人的建议是多选,根据自己的需要来选择。选择Manua...这一行,然后会出现:Youcanchooseyourownspace,除了E2E,这是我需要的,所以我选择了如上图。回车后会显示:Useclass-stylecomponentsyntax?不细说了,一路Y。最后我的选择如图,设置成功:最终目录为:Step4Workit安装成功后,就可以写业务了。根据提示,运行一下,感觉3.0666,跑起来感觉不错。