旧版本/新版本vue-cli脚手架创建自己的第一个vue-cli项目

参考：https://juejin.cn/post/6951682360538726407

步骤：

1. 如何卸载旧版本，安装新版本？（转发）
2. 安装node
3. 安装vue脚手架
4. 新建vue项目
5. 为vue项目安装依赖
6. 运行项目

vue-cli更新了，所以安装了vue-cli旧版本的要先卸载，然后才能安装新的。

下图是官方文档的说明：

在这个卸载旧版本、安装新版本的过程，我遇到很多奇怪的问题，最终，根据这一篇的方法成功了，膜拜一下大佬，顺便分享给大家：

vue-cli 更新遇到的问题，卸载不掉旧版本2.9.6（可行）

 

以下则是用旧版本脚手架创建项目的教程，供大家参考

---

第一步：Node安装
下载Node解压后双击 node-v6.14.4-x64.msi（版本号可能不同）安装

在安装界面一直Next，直到Finish完成安装。
打开控制命令行程序（CMD）,检查是否正常（查看node、npm版本号）

第二步：安装Vue脚手架
在命令行运行

npm install vue-cli -g      //全局安装 vue-cli

查看vue-cli是否成功，不能检查vue-cli,需要检查vue，如下：

第三步：新建vue项目
还是在命令行选定路径新建vue项目，然后运行

1.选定路径

2.输入命令

vue init webpack  “项目名称”

以项目名为vueclidemo新建vue项目

安装成功后（可能时间有点长）

进入目录，并查看

第四步：安装依赖

然后输入以下命令安装项目依赖

npm install

第五步：运行项目

最后输入以下命令运行项目，得到下图

npm run dev

进入该链接 http：//localhost：8080  完成