最近闲来无事,想把vue-cli2.0升级到4.0的,最后一不小心把自己的项目运行环境玩蹦了,
然后各种百度还是没有解决,气到差点重装电脑,还好最后还是解决了这个问题,下面把解决的方法记录一下,如有遇到相同问题的可以借鉴一下。
其实一开始我升级到cli4.0是成功的,按照官网的步骤:
npm uninstall vue-cli -g -----卸载之前的旧版本
npm install -g @vue/cli -----安装新版本
如果还想要之前的旧版本的话:npm install -g @vue/cli-init 就可以拉取2.x 模板
安装完后,试着创建项目,2.x和4.x的都可以运行,嗯,真香!
但是后面发现了一个问题,用npm install 下载资源的时候发现怎么也下载不了,然后我就把vue-cli卸载再重装也不行,后面我把nodejs卸载重装后也不行,后面就直接报这个错误:
解决:
安装nodejs的时候,npm的路径会默认安装在这里:C:\Users\Administrator\AppData\Roaming\npm,当运行npm install -g @vue/cli 后,在C:\Users\Administrator\AppData\Roaming\npm\node_modules目录下多了一个@vue的文件夹,全局安装的文件都在这里,删除也是删除这里面的。
所以接下来要做的是配置环境变量,这里配置的环境变量配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,接下来在C:\software\nodejs文件夹下新建node_global及node_cache两个文件夹,如图:
新建完两个空文件夹之后,打开cmd命令窗口,输入
npm config set prefix "C:\software\nodejs\node_global" npm config set cache "C:\software\nodejs\node_cache"
接下来是设置环境变量:“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”
在系统变量下新建NODE_PATH,输入C:\software\nodejs\node_global\node_modules,将用户变量下的Path修改为C:\software\nodejs\node_global(原来是:C:\Users\Administrator\AppData\Roaming\npm)
编辑完后,点确定,然后重启电脑,重新安装vue-cli,之前全局安装的包也需要重新安装一下。