一、删除node
运行了好久的前端项目,今天打包的时候突然提示我更新node,我也是醉了
而我从网上找教程如何卸载node,然而我的控制面板卸载程序中根本找不到node的程序
然后我就抱着试试的心态找到node的安装目录,然后把整个node安装目录删除,并且把环境变量中的所有node有关变量删除
二、下载node对应版本
http://mirrors.nju.edu.cn/nodejs/
用和这个网址下载超级快,别从官网下,1分钟0.1M,恶心人
三、安装node.js
傻瓜式安装
四、配置环境变量
①在node安装目录下,创建两个文件夹
node_cache、node_global
②设置目录
npm config set prefix “D:\opensource\node\node_global”
npm config set cache “D:\opensource\node\node_cache”
打开cmd执行上面两个命令
③进入环境变量对话框,在【系统变量】下新建【NODE_PATH】,输入【D:\opensource\node\node_global\node_modules】,将【用户变量】下的【Path】修改为【D:\opensource\node\node_global】
注意是用户变量不要修改系统变量下的node路径
五、测试
执行
node -v 查看node版本
npm -v 查看npm版本
最后执行
npm install express -g 进行测试
然而报错,提示我设置有代理,估计是我上个node安装的npm设有代理,直接执行命令干掉
npm config delete proxy
npm config delete https-proxy
cnpm config delete proxy
cnpm config delete https-proxy
然后重新执行
npm install express -g,妥妥的执行成功了
六、设置代理
(无需要就跳过,连自己热点不香吗,公司那破网)
npm config set proxy http://IP:端口
npm config set https-proxy http://IP:端口
七、替换cnpm
国内npm下载依赖的速度太慢,淘宝镜像cnpm速度快,所以注册cnpm代替npm
npm install -g cnpm --registry=https://registry.npm.taobao.org
八,设置cnpm的代理
cnpm config set proxy http://IP:端口
cnpm config set https-proxy http://IP:端口
九、安装webpack
cnpm install webpack -g
cnpm install webpack-cli -g
或
npm install webpack -g
npm install webpack-cli -g
验证webpack
在cmd输入webpack -v
十、安装vue
cnpm install vue-cli -g
或
npm install vue-cli -g
验证vue
在cmd输入vue -V
这一切执行完之后跑到vscode工程下,执行npm run build,又提示我说npm的版本低
那就升级呗,
用管理员权限打开PowerShell,然后执行以下命令:
Set-ExecutionPolicy Unrestricted -Scope CurrentUser -Forcenpm install -g npm-windows-upgradenpm-windows-upgrade
我竟然把他升级到了7.9
不管他了,试试看能打包不,果然还不行,删除了项目中的
package-lock.json,然后执行npm install,还是报错,按照错误执行
npm rebuild node-sass
最后终于是执行成功了