nodejs安装 及环境变量配置教程 超详细版

nodejs安装 及环境变量配置教程 超详细版

------------恢复内容开始------------

------------恢复内容开始------------

上篇文件 写到  遇到了两个棘手问题  ；

@终端进程启动失败: shell 可执行文件“C:\Windows\System32\WindowsPowerShell\v1.0\powershell.exe”的路径不存在。

@node环境变量配置丢了要重新安装

它棘手就在于  网上的教程千奇百怪  描述不具体  而实际情况是错一丁点都不行 ；

别人看完就觉得你是在瞎说 ，其实很可能是你用的时候这种配置可以，而过段时间随着维护配置方法就更新了，而官网那些光头大佬又喜欢用概念解释概念 说些人听不懂的神级词汇......

所以看这篇教程前请先看下提交时间  如果过去了很久就只是仅供参考了，谢谢不喜勿喷。

============================================

系统环境：win10 ，x64  ；

使用nodejs官网安装包  =》https://npm.taobao.org/mirrors/node/  淘宝镜像历史版本  我选的是node-v13.9.0-x64.msi；

至于安装过程就是  next到底（如何不想装到c盘就注意下修改安装路径那一步） 中间不需要勾选其他的  在其中有个步骤是安装向导会默认让你勾选 node与npm 的path，勾选就是；

安装完成后就可以 win + r  使用cmd 键入 node -v ，npm -v 查看版本 证明 安装成功  如何没有返回版本号就安装失败了 回到开头重新阅读文章（流程实测不会有错）；

　　 你以后npm 下来的 安装包 要放到一个地方啊 所以你要新建或者找一个文件夹  ，比如我就把这个文件夹定义为 global  并把它放到了nodejs的安装目录 E:\nodejs 里边，

　　同时还在安装目录中新建了一个用来保存临时文件 所以命名为cache  这两个文件夹待会用到；

修改npm的默认配置 ，这些软件都有一个坏习惯就是总喜欢把文件放到c盘 ，nodejs也不例外  它默认把未来用户的全局安装包放在了c盘用户文件夹下APPDATA/local/...的npm文件夹中  ，让你找都不想找，以达到让你不敢卸载它的目的，配置文件在user文件夹下的 .npmrc文件中记录  ；

我们通过命令行   npm config ls  (ls就是list的缩写) 就可以看到配置信息了 ，其中前边带 ；是注释掉的配置 ；

我们主要就是要修改 prefix cache 这两个配置项

1 npm config set prefix "安装目录/你刚才新建的用来保存安装包的文件夹"；

2 npm config set cache "安装目录/你刚才新建的用来保存临时文件的文件夹"；

至于 "https://registry.npm.taobao.org/"  源地址 您愿意改就去网上搜教程把 并不会快多少  我是不相信中间商的 也没有愿意白送的妹子；

修改完就重开命令行 并安装个webpack 了

npm i -g webpack@3.6.0 --save   g > 全局安装才会保存到你刚刚设置的文件夹里  ，等进度条跑完  麻溜去看下你刚刚新建的文件夹中是不是有webpack文件夹 若没有回到开头重新阅读文章（流程实测不会有错）；

测试完 命令行试试  webpack -v  提示不是内部或外部命令，也不是可运行的程序或批处理文件。

!!!!!! 不要慌  你环境变量还没配呢 ,所以cmd不知道你敲个webpack 指令是要运行哪一套  .....

那么  我们可以看到 nodejs 安装时默认配的path是 安装目录  就能 敲 node -v  和   npm -v 了  ，睿智的你一定也有点思路了；

我们右击计算机（此电脑，我的电脑），反正点最后一个属性能在左边最后看到 “高级系统设置” 然后点击去 “环境变量”  ；

这里有两坨列表  上边叫 “用户变量”，下边叫 “系统变量”   ，我们先把 用户变量里的那个Path 变量值为指向C盘 npm  的 路径改成  "安装目录/你刚才新建的用来保存安装包的文件夹 "；

然后用户变量这里就搞定了  （有些是先在系统变量里定义一个 变量 然后在这里通过变量名引用 ,效果是一样的 我这样你不会晕 不是嘛？ 听懂掌声！）

在系统变量这里 你就把 刚刚放到用户变量Path中的那个变量值拿过来 加到  系统变量的Path中 。

win10在这里编辑变量值的方式有两种  一种是系统把 ；字符串；字符串；的格式给你解析成了多个输入框  你想新增就在下方空白的地方双击 ，又或者是你双击后点右边的编辑文本，自己来加分号  推荐第一种；

这样就可以了 ，没想到这么简单把  ，因特网上那些大佬不知道他们有没有看下自己的文章是不是错的。

wurenzidi缺德

然后我们敲 webpack -v 就显示出了3.6.0 ，敲 vue init webpack supervue 就愉快的安装vue项目啦 ；

到此结束！有问题请留言 看到必回。