从vue-cli2.0到3.0构建项目的详细步骤

Vue命令行界面简介

Vue CLI是基于Vue.js快速开发的完整系统，提供：

通过@vue/cli设置交互式项目脚手架。

通过@ vue/CLI @ vue/CLI-service-global快速启动零配置原型开发。

运行时依赖项(@vue/cli-service)，它：

可升级；基于webpack构建，默认配置合理；可以通过项目中的配置文件进行配置；它可以通过插件进行扩展。丰富的官方插件集合，集成了前端生态中最好的工具。Vue CLI致力于规范Vue生态系统中的工具库。它保证了基于智能缺省配置的各种构建工具能够顺利连接，让你可以专注于编写应用程序，而不用花几天时间担心配置问题。同时，它还为每个工具提供了在不弹出的情况下调整其配置的灵活性

因为项目的技术架构需要用vue-cli 3.0构建，所以简单分享一下如何优雅地启动3.0。下面简单介绍一下，希望对有需要的朋友有所帮助。

vue-cli 3.0正式版于8月10日发布！详情请参考https://cli.vuejs.org/zh/guide/

首先，既然不是版本，如果要用V-C3，就需要卸载之前安装的2.0版本(有一种共存的方式，我就不赘述了)。卸载不会影响你之前的功能，不满意可以重新安装。

第一步是卸载Vue-cli2

命令是：npm卸载-g vue-cli

安装V-C3.0

有很多方式，比如npm install -g @vue/cli或者纱线全局add @vue/cli，可以根据自己的爱好进行选择。

创建项目

与2.0相比，V-C3的创建并没有之前的init webp多。直接vue创建项目，项目就是项目的名字。如此简单，如下图所示(mac报告err-13，请使用sudo):

我选择了默认，没有使用淘宝镜像。选择Y后，会如下图所示：

这时候你可以选择确认会议，但个人做多种选择，选择Manua.根据你自己的需要，然后它就会出现：

你可以选择自己的空间，除了E2E，这是我需要的，所以你可以如上图选择。

输入后显示使用类样式的组件语法。接下来，我就不细说了。一直走下去。

最后我的选择如图，设置成功：

最终目录是：

第三步，开始工作

安装成功后，就可以写业务了。

根据提示，运行它，感受3.0

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。

跑起来感觉很棒。