vue-cli4.X快速搭建项目

一、前言

最近，接到一个新项目，又换了新电脑，安装vue-cli快速搭建项目时，没指定版本，直接安装到了4.5.14版本，记录一下从安装脚手架到项目搭建的全过程。

二、安装vue-cli

这篇文章只是简单演示一个快速搭建项目的例子，要是相对vue cli有更深层次的了解和学习，请移步官方文档。

2-1、安装

最新版本（3.X及以后的版本）的Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。
Node 版本要求：Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)。你可以使用 n，nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。我的电脑安装的node版本是v10.16.3。

2-1-1、指定版本安装

如果你的电脑已经安装了某个版本的vue-cli，安装到指定版本需要2步操作：

1、先卸载已安装的版本
npm uninstall -g @vue/cli
2、指定版本安装
npm install -g @vue/cli@版本号

2-1-2、不指定版本安装（直接安装最新版本）

可以使用