Windows、Mac安装设置Nodejs【保姆级教程】
安装设置Nodejs迩来须要使用whistle抓包，发现依赖nodejs环境，同时环境为windows，故在此记录。
1 windows
下载nodejs
官网地点：https://nodejs.org/en/
https://i-blog.csdnimg.cn/direct/9a692d8efbeb4ed29f4ef15483e64f11.png
[*]下载完成后，双击安装包，开始安装Node.js
[*]直接点【Next】按钮，此处可根据个人需求修改安装路径，我这里路径改为了D:\Program Files\nodejs\，修改完毕后继续点击【Next】按钮
https://i-blog.csdnimg.cn/direct/7323eb398f10467aba3c8770722edafd.png
[*]是否自动设置环境变量等，可根据自身需求进行，此处我选择默认安装，继续点击【Next】按钮
https://i-blog.csdnimg.cn/direct/e58f2fab60074513b6943d7140fa06a0.png
[*]是否安装工具
https://i-blog.csdnimg.cn/direct/59c2b1b93678433a84b5946bee603d5b.png
[*]点击【Install】按钮进行安装
[*]点击Finish安装完成
[*]验证是否安装成功
win+R，输入cmd，进入命令行页面：
node -v // 显示node.js版本
npm -v // 显示npm版本
https://i-blog.csdnimg.cn/direct/c82b503ff3e74fcda59549043513d281.png
设置环境变量
①nodejs设置node_global、node_cache
[*]找到安装的目录 D:\Program Files\nodejs，在安装目录下新建两个文件夹【node_global】和【node_cache】
https://i-blog.csdnimg.cn/direct/4742dc4ec1854156a5745542a977c296.png
[*]创建完毕后，使用管理员身份打开cmd命令窗口，这里以win11打开cmd为例，搜索框搜索cmd
https://i-blog.csdnimg.cn/direct/5a06716ad1c748c6b9ecccecf1aede60.png
[*]设置node全局目录
# npm config set prefix “你的路径\node_global” （复制你刚刚创建的“node_global”文件夹路径）
npm config set prefix "D:\Program Files\nodejs\node_global"
# npm config set cache “你的路径\node_cache” （复制你刚刚创建的“node_cache”文件夹路径）
npm config set cache "D:\Program Files\nodejs\node_cache"
②设置NODE_HOME环境变量
[*]【此电脑】-单击右键-【属性】-【高级系统设置】-【环境变量】
https://i-blog.csdnimg.cn/direct/12f3ba6e7b8e4bc59543dbd21eae2738.png
[*]在【系统变量】中点击【新建】
https://i-blog.csdnimg.cn/direct/3162d755f5a44c73927a5d0fb80290ca.png
变量名：NODE_PATH
变量值：D:\Program Files\nodejs\node_global\node_modules
https://i-blog.csdnimg.cn/direct/bc51fd9437c643d88703f710e72eac7a.png
然后你就会发现【node_global】里多出了一个【node_modules】文件夹
https://i-blog.csdnimg.cn/direct/1ffae633016b48a7a63a384396693e65.png
[*]Tips: 如果输入变量值之后没有自动创建【node_modules】文件夹，就在【node_global】动手动创建一个【node_modules】文件夹，再复制你创建的【node_modules】文件夹的路径地点到变量值
[*]编辑【用户变量】中的【Path】
https://i-blog.csdnimg.cn/direct/7ed025d9e65f498aa2f70d4f5dd68924.png
[*]将默认的 C 盘下【 AppData\Roaming\npm 】修改成 【node_global】的路径，点击确定
修改前：
https://i-blog.csdnimg.cn/direct/640136cc416c4fafb036b6d7c70c973c.png
修改后：
https://i-blog.csdnimg.cn/direct/725a4d893fd64f94b6cba38ee32e0b77.png
5. 在【系统变量】中选择【Path】点击【编辑】添加【NODE_PATH】，随后一直点击【确定】
https://i-blog.csdnimg.cn/direct/d70fabfb00b7494c854ebd6fa1e27f79.png
https://i-blog.csdnimg.cn/direct/a6127be7d96d4185bee641f5bc726820.png
6. 验证设置
npm config get prefix
npm config get cache
[*]验证能否安装依赖成功
npm install express -g // -g代表全局安装
运行效果：
https://i-blog.csdnimg.cn/direct/c00a8db73062462db13e97cc4c3d7476.png
设置国内镜像
设置华为镜像：
npm config set registry https://mirrors.huaweicloud.com/repository/npm/
# 检查是否配置成功
npm config get registry
# 如果要恢复nodejs默认镜像则执行
npm config set registry https://registry.npmjs.org
# 如果你只想对单次安装命令使用华为的镜像，可以直接在命令中添加 --registry 参数
npm install express --registry=https://mirrors.huaweicloud.com/repository/npm/
安装cnpm（可选）
阐明： npm是node官方的包管理器。cnpm是个中国版的npm，是淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm。
npm install -g cnpm --registry=https://registry.npmmirror.com
https://i-blog.csdnimg.cn/direct/8560ea05b67e42b9bb7b21738bce15d4.png
检查是否安装成功：
cnpm -v
https://i-blog.csdnimg.cn/direct/4016d84118e54357aca42b5bac28c6e7.png
2 mac
下载nodejs(通过nvm)
下载：https://nodejs.org/en
Mac可以安装设置nvm（管理node的工具），windows也有对应的工具nvmw，各人感兴趣的可以去了解安装，我这里就不外多先容。
[*]https://github.com/nvm-sh/nvm
如果安装过程中出现443，表明可能被墙了
[*]解决：打开网站https://www.ipaddress.com/
查询一下 raw.githubusercontent.com对应的IP 地点，然后修改本机的vim /etc/hosts文件：
185.199.108.133 raw.githubusercontent.com
### nvm安装及使用
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash
# 配置环境变量
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"
# 完成后输入nvm，出现node version manger表示安装成功
nvm
# 使用：
## 1 安装node( nvm ls-remote| grep 18 查看有哪些node版本)
nvm install 13.0.1
## 2 查看是否安装成功
nvm list | grep 13
## 3 切换版本
nvm use 13.0.1
https://img-blog.csdnimg.cn/direct/dd6c8f5257414c16bfa7563ed48bd9f2.png
设置nodejs(npm 国内镜像)
# 配置npm
npm config set registry https://registry.npmmirror.com#设置国内阿里云镜像源
npm config get registry#查看镜像源
npm init： 项目初始化；
npm init -y：默认一路yes，不用挨个输入信息
npm install 包名：安装js包到项目中（仅当前项目有效）。指定 包名，或者 包名@版本号
npm install -g： 全局安装，所有都能用
可以去 npm仓库 搜索第三方库
npm update 包名：升级包到最新版本
npm uninstall 包名：卸载包
npm run：项目运行
拓展：whistle抓包ios
先容
whistle是基于Node实现的跨平台web调试代理工具，重要用于查看、修改HTTP、HTTPS、Websocket的请求、响应，也可以作为HTTP代理服务器使用。
类似的工具有Windows平台上的Fiddler，差别于Fiddler通过断点修改请求响应的方式，whistle采用的是类似设置系统hosts的方式，统统操作都可以通过设置实现，支持域名、路径、正则表达式、通配符、通配路径等多种匹配方式，设置使用起来非常简朴。
安装
前提：须要有nodejs环境
# 检查是否有nodejs环境
node -v
# 全局安装whistle抓包工具
npm install -g whistle
# Mac 或 Linux 的非 root 用户需要在命令行前面加 sudo，如：
sudo npm install -g whistle
# 如果安装超时，可以执行镜像安装
npm install whistle -g --registry=https://registry.npm.taobao.org
启动并安装证书
启动
默认端口是8899，如果端口被占用，可以在启动时通过 -p 来指定新的端口
我比较习惯在启动的时候本身来指定一个端口，可以和fiddler区分，例如我用的8081：（fiddler是8080~~）
https://i-blog.csdnimg.cn/direct/ef824c67468e4d29a804c057043f41fd.png
启动以后就可以在本身的欣赏器上访问到whistle的界面啦~
http://127.0.0.1:8889 打开欣赏器确认服务开启成功
服务端设置证书(win10)
欣赏器输入http://127.0.0.1:8889，打开whistle页面，点击HTTPS：
https://i-blog.csdnimg.cn/direct/67068e9c491e47bc9ff7eb086f3e1c62.png
勾选capture xxx允许抓包，然后点击下载证书：
https://i-blog.csdnimg.cn/direct/223d3f4510b94c41a2cb23ad932a7ca1.png
windows安装证书：
下载证书成功后，双击
https://i-blog.csdnimg.cn/direct/3aaeb8416933484080ffda8310d3b07e.png
https://i-blog.csdnimg.cn/direct/8d1bc30266034e8fa54ffce552178032.png
移动端安装证书
[*]毗连服务端的代理
https://i-blog.csdnimg.cn/direct/8f80007ae7874fa2bcb3d414f149e58c.png
[*]下载安装证书
如果下载证书失败，也可以直接电脑发送到微信文件传输助手，然后手机登录微信再下载
https://i-blog.csdnimg.cn/direct/e3adf28e3b2f4184a9d0ac2ce26a1dfd.png
使用
安装成功之后，在服务端(win10)欣赏器中即可看到移动端ios的网络请求：
[*]欣赏器输入localhost:port
[*]左侧点击network
https://i-blog.csdnimg.cn/direct/bfbc3c74047b47b2bf182afac0f0f220.png
参考文档：
https://blog.csdn.net/weixin_44259233/article/details/139743886
https://blog.csdn.net/sinat_34937826/article/details/105427296
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]