安装最新版vue-cli，并搭建一个vue2项目
卸载旧版本环境
卸载node.js
- 可以使用qq电脑管家，找到nodejs卸载即可
cmd查看vue cli版本（可以看到我们是vue cli 2.x）
C:\Users\youzhengjie666> vue -V
2.9.6
卸载vue cli 2.x
npm uninstall vue-cli -g
卸载vue cli 3.x
npm uninstall -g @vue/cli
安装新版本环境
安装nodejs
- 1：进入nodejs官网
官网
- 2：下载并安装nodejs（除了图片放出来的，其余的一直点击next即可）
- 3：检查node和npm是否安装成功：
C:\Users\youzhengjie666> node -v
v16.17.1
C:\Users\youzhengjie666> npm -v
8.15.0
配置npm仓储和缓存
npm config set registry https://registry.npm.taobao.org
npm config set prefix “C:\Program Files\nodejs\global”
npm config set cache “C:\Program Files\nodejs\cache”
配置环境变量
- 添加这三个Path环境变量，下面的路径要修改成自己的nodejs目录！
C:\Program Files\nodejs\
%NODE_PATH%
C:\Program Files\nodejs\global
升级npm最新版本
npm install -g npm
C:\Users\youzhengjie666> npm -v
8.19.2
安装最新版vue cli
npm install -g @vue/cli
查看当前vue cli版本
C:\Users\youzhengjie666>vue -V
@vue/cli 5.0.8
用vue cli搭建一个vue2项目（也可以vue3）
- 1：新建一个目录，并打开cmd切换到这个目录下：
- 2：开始使用vue cli搭建项目：
- 格式为：vue create 项目名
vue create vue-admin
- 3：选择版本（我们选择的是vue2，然后回车）
- babel： ES6->ES5 语法转换支持
- eslint：语法检查插件
- Manually select features：自定义配置
- 4：安装成功后，使用vs code打开刚刚创建的目录，并运行项目：
