NODEJS安装axios nodejs安装及环境配置win7

一、下载安装包

下载地址：https://nodejs.org/zh-cn/download 根据自己电脑系统及位数选择，我这里选择windows64位.msi格式安装包，当前安装的版本为14.17.3。
注意：nodejs-v12.16.2以上版本不支持win7系统。

下载完成后，双击安装包，开始安装，一直点next即可，安装路径默认在C:\Program Files下，也可以自定义修改。

Node.js runtime 表示运行环境
npm package manager 表示npm包管理器
online documentation shortcuts 在线文档快捷方式
Add to PATH 添加到环境变量

点击Next到下一步，这个步骤提示是否自动安装一些相关的工具和依赖。（一般不用勾选）

点击Next继续安装

点击Finish完成安装。

安装包已经将node启动程序添加到系统环境变量path中，这里查看系统变量进行验证 （我的电脑 —> 属性 —> 高级系统设置 —> 高级 —> 环境变量 —> path编辑进行查看）

既然已经将node程序添加到全局系统变量，我们可以直接在CMD窗口中执行node命令，打开CMD窗口，执行命令node -v查看node版本。命令执行成功，说明node安装成功。

node在安装时同时也安装了npm，执行npm -v查看npm版本。

二、修改包路径

默认情况下，我们在执行npm install -g XXX时，下载了一个全局包，这个包的默认存放路径为C:\Users\Administrator\AppData\Roaming\npm\node_modules，可以通过CMD指令npm root -g查看包的默认存放路径（我当前使用的 window 账户不是超级管理员Administrator，而是个人账户50440，所以路径为C:\Users\50440\AppData\Roaming\npm\node_modules）。

但是有时候我们不想让全局包放在这里，我们想放在node的安装目录下 (放到其他自定义目录也可已，配置需要和自定义目录路径相对应)

1、在node安装目录下下新建两个文件夹

node_global 全局包下载存放
node_cache node缓存

2、修改路径
在CMD窗口执行以下两条命令：

npm config set prefix "C:\Program Files\nodejs\node_global"
npm config set cache "C:\Program Files\nodejs\node_cache"

执行命令npm install -g @vue/cli下载一个全局包，可以发现，下载的全局包vue已经放在了我们设置的目录中（如果没有权限，请使用管理员打开命令工具power shell执行命令，若power shell禁止输入脚本 请点击这里）

3、修改用户变量path为：C:\Program Files\nodejs\node_global

我们更改了npm全局模块的存放路径和cache路径，此时使用相关命令时将会报错（如刚刚全局安装了vue，使用 vue --version 命令会报错），因为电脑系统现在还不知道你把默认路径给改了，所以需要修改环境变量。将原来默认的C:\Users\50440\AppData\Roaming\npm 改为 C:\Program Files\nodejs\node_global

输入 vue --version 或者 vue -V（注意这里的V是大写） 查看vue/cli版本，来验证vue命令是否执行成功。此时显示 @vue/cli 4.5.13 说明命令执行成功，环境变量配置成功！

**4、新增系统变量NODE_PATH，变量值为 C:\Program Files\nodejs\node_global\node_modules**

三、关于 npm 的补充

可以将npm指向淘宝的registry

npm 默认的 registry ，也就是下载 npm 包时是从国外的服务器下载，国内很慢，一般都会指向淘宝 https://registry.npm.taobao.org

1.设置原npm地址

npm config set registry http://registry.npmjs.org

2.设置国内淘宝镜像

npm config set registry https://registry.npm.taobao.org

3.查看是否 npm 地址配置成功

npm config get registry

4.查看 npm 中某某包的信息

npm info express

5.安装淘宝的cnpm，然后在使用时直接将npm命令替换成cnpm命令即可

npm install -g cnpm --registry=https://registry.npm.taobao.org

使用时

cnpm install -g @vue/cli
cnpm install -g webpack
...