如何使用vue-cli4.0搭建一个项目？

本文共计1767个文字，预计阅读时间需要8分钟。

前言：最近公司的项目终于进入了空闲期，而闲不住的我最终把目标放到了项目的迁移上。因为公司的项目相比于较早的原因（当然，当时vue-cli也刚刚出现一段时间，但实在是不易尝试啊！）

前言

最近公司的项目终于到了空闲期，而闲不住的我终于把目标放到了项目的迁移上面

因为公司的项目比较早的原因（虽然当时vue-cli也出来了一段时间，但是不敢轻易尝试啊！）

所以使用的环境还是 vue2.x 版本的，而又因为公司的前端项目都是我来搭建的原因（并不是技术大佬，入职早！）

所以所有项目开发的时候一直在用的 vue-cli2.0，后来项目多了也没时间就没往 vue-cli3.0 迁移

现在终于到了空闲期，可以尝试着慢慢迁移了

本篇文章就是主要记录迁移的过程和 vue-cli3.0 的搭建过程

一、升级本地环境

因为 vue-cli3.0 要 nodeJs ≧ 8.9（官方推荐 8.11.0+），所以我们先去 官网下载 一个稳定的新版本覆盖本地版本

我安装的是 node12.13.0 版本，因为之前我本地全局安装了 2.0 的环境，所以需要全局卸载再安装 3.0

npm uninstall -g vue-cli npm install -g @vue/cli

安装好了之后输入 vue -V 查看版本

我我我草！！！最近只顾着看技术了，没发现10月16日官方已经宣布 vue-cli4.0 已经正式发布了！！！

有没有搞错，我 vue-cli3.0 还没来得及用上呢！还好看了下文档，除了跟 vue-cli3.0 的目录有点变化其他没变。