NodeJs安装与配置

之前一直在网上自己找教程装,但是经常出问题,索性自己总结一个

1.安装nodejs

去网址

https://nodejs.org/zh-cn/download/

.msi和.zip:

  1. .msi是Windows installer开发出来的程序安装文件,它可以让你安装,修改,卸载你所安装的程序。说白了.msi就是Windows installer的数据包,把所有和安装文件相关的内容封装在一个包里。此外:它还包含有关安装过程自己的信息。例如:安装序列、目标文件夹路径、安装选项和控制安装过程的属性。
  2. .zip是一个压缩包,解压之后即可,不需要安装

2.开始安装

一直点击next安装就行,不用修改。
安装路径可以自定义,也可以用默认地址C:\Program Files\nodejs


这里我修改了地址为

D:\install\nodejs\



至此已安装完成。
我们可以到环境变量->系统变量->Path查看是否有nodejs

我们还可以在cmd窗口查看
执行以下命令查看node版本

node -v

执行以下命令查看npm版本

npm -v


默认状况下,在执行npm install -g XXXX时,下载了一个全局包,这个包的默认存放路径C:\Users\82032\AppData\Roaming\npm\node_modules下,可使用命令npm root -g查看

此处准备一些常用命令

npm -v:查看npm安装的版本。npm init:会引导你建立一个package.json文件,包括名称、版本、作者等信息。npm list:查看当前目录下已安装的node包。npm ls:查看当前目录下已安装的node包。npm install moduleNames:安装Node模块到本地目录node_modules下。npm install  -g:将包安装到全局环境中。npm install  --save:安装的同时,将信息写入package.json中,项目路径中若是有package.json文件时,直接使用npm install方法就能够根据dependencies配置安装全部的依赖包,这样代码提交到git时,就不用提交node_modules这个文件夹了。npm install  --save-dev:安装的同时,将信息写入package.json中项目路径中若是有package.json文件时,直接使用npm install方法就能够根据devDependencies配置安装全部的依赖包,这样代码提交到git时,就不用提交node_modules这个文件夹了。npm uninstall moudleName:卸载node模块。

3.现在开始配置环境

首先打开自己的安装目录,由于安装时我改过目录,所以我的目录是D:\install\nodejs
在这个目录下新建两个文件夹。node_globalnode_cache分别用来存放安装的全局模块和全局缓存信息

然后使用cmd窗口分别设置路径

npm config set prefix "D:\install\nodejs\node_global"npm config set cache "D:\install\nodejs\node_cache"


设置完成以后开始配置环境变量
在环境变量->系统变量中新建环境变量NODE_PATH,值为 D:\install\nodejs\node_global\node_modules,其中

NODE_PATHD:\install\nodejs\node_global\node_modules

D:\install\nodejs\node_global下没有文件夹node_modules时在D:\install\nodejs\node_global下创建一个node_modules


然后将%NODE_PATH%加入到Path中

修改环境变量->用户变量中的 path 变量,将 C:\Users\82032\AppData\Roaming\npm 修改为D:\install\nodejs\node_global

现在可以重启一下电脑再执行以下步骤。
现在可以设置一个国内的镜像再进行其他下载安装操作

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


此时,使用淘宝镜像下载模块时,将命令中的npm替换成cnpm即可
也可以采用安装nrm的方式(我比较喜欢)
首先安装nrm

npm install nrm -g

如果下载慢,刚才配置了淘宝的可以使用

cnpm install nrm -g


使用nrm ls命令可以查看npm的仓库列表,带 * 的就是当前选中的镜像仓库
![在这里插入图片描述](https://img-blog.csdnimg.cn/61035f78588b49fcbd85388332448ebd.png
还可以使用以下命令测试速度

nrm test npm


我们可以通过在cmd窗口中输入以下指令全局安装Vue模块测试是否配置成功

npm install -g vue



可以查看到刚才安装的nrm那些和vue都在我们自己定义的这个路径下。说明配置成功