安装最新版vue-cli，并搭建一个vue2项目

安装最新版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打开刚刚创建的目录，并运行项目：