vue环境配置

前端环境搭建

nvm的使用

nodejs的配置
查看本机的 node版本

安装最新版的 nodejs

安装指定版本
nvm install 16.18.1

使用指定的版本

记得使用管理员权限

基于 Node.js 安装cnpm（淘宝镜像）
npm install -g cnpm —registry=https://registry.npmmirror.com

前端vue环境的安装

安装Vue
npm install vue@2.x.x
npm install vue

安装vue命令行工具，即vue-cli 脚手架
cnpm install vue-cli -g

报错处理

遇到一种情况，就是使用vue -V 查看版本始终是2.9.6，安装命令是npm install @vue/cli ,按理说是最新版本，但是还是显示旧版，使用vue create 【项目名称】 提示是要卸载脚手架在安装，但是安装后还是2.9.6

原因：
其实导致这个原因是从vue-cli 3.0版本开始原来的npm install -g vue-cli 安装的都是旧版，最高到2.9.6，安装新版必须是新的命令npm install -g @vue/cli 这就导致了，如果我们再2.9.6版本还存在的情况下再使用npm install -g @vue/cli 命令就会同时存在两个版本，你用vue create 【项目名称】命令会先找到旧版的，就会提示你卸载旧版安装新版。
解决办法：
第一步（卸载老版本，卸载新版本）
cnpm uninstall -g vue-cli 卸载旧版、
cnpm uninstall -g @vue/cli 卸载新版
第二步（卸载本地残留文件，cmd进入，输入指令where vue 查找文件位置，然后进行删除）
// cmd进入，
输入指令where vue 查找文件位置，

第三步（重新安装vue-cli）
cnpm install -g @vue/cli @vue/cli-service-global
第四步（查看版本，看是否安装成功）
vue -V 查看最新安装是否成功

vue2 搭建环境
vue init webpack project01
cnpm i axios -S 

vue3 搭建环境
npm init vue@latest