安装Node.js、npm和环境变量的配置

时间:2024-01-12 13:37:02

  由于Node.js平台是在后端运行JavaScript代码,所以,必须首先在本机安装Node环境。

一、安装Node.js

  首先,从Node.js官网下载对应平台的安装程序,网速慢的童鞋请移步国内镜像。在Windows上安装时务必选择全部组件,包括勾选Add to Path

  安装完成后,在Windows环境下,请打开命令提示符,然后输入node -v,如果安装正常,你应该看到v8.10.0这样的输出。继续在命令提示符输入node,此刻你将进入Node.js的交互环境。在交互环境下,你可以输入任意JavaScript语句,例如100+200,回车后将得到输出结果。要退出Node.js环境,连按两次Ctrl+C。

安装Node.js、npm和环境变量的配置

二、npm

  npm其实是Node.js的包管理工具(package manager)。为啥我们需要一个包管理工具呢?因为我们在Node.js上开发时,会用到很多别人写的JavaScript代码。如果我们要使用别人写的某个包,每次都根据名称搜索一下官方网站,下载代码,解压,再使用,非常繁琐。于是一个集中管理的工具应运而生:大家都把自己开发的模块打包后放到npm官网上,如果要使用,直接通过npm安装就可以直接用,不用管代码存在哪,应该从哪下载。

  更重要的是,如果我们要使用模块A,而模块A又依赖于模块B,模块B又依赖于模块X和模块Y,npm可以根据依赖关系,把所有依赖的包都下载下来并管理起来。否则,靠我们自己手动管理,肯定既麻烦又容易出错。

  讲了这么多,npm究竟在哪?其实npm已经在Node.js安装的时候顺带装好了。我们在命令提示符或者终端输入npm -v,应该看到类似的输出。如果直接输入npm,你会看到类似下面的输出。如下面所示

安装Node.js、npm和环境变量的配置

  上面的一大堆文字告诉你,npm需要跟上命令。现在我们不用关心这些命令,后面会一一讲到。目前,你只需要确保npm正确安装了,能运行就行。

三、配置NodeJS和NPM

  1、并不是说NodeJS和NPM安装好了以后就能直接使用了,这也是新手经常犯的一个错误之一。因为默认情况下,NPM安装的模块并不会安装到NodeJS的程序目录,比如上面安装的时候我们设置的D:\Program Files\nodejs\目录,我们用个示例来看一下,我们先用npm安装一个cluster模块,如下面第一张图所示,执行命令:

  npm install cluster

  从图中可以看到,默认情况下把一下信息保存到C:\Users\Administrator\目录下,我们打开这个目录看看。可以看到这个目录底下有个node_modules目录,点开一看,如下面第二张图所示:

安装Node.js、npm和环境变量的配置

安装Node.js、npm和环境变量的配置

  2、可以看到把cluster目录装到了这个目录下面,这就说明,如果不修改npm的模块安装目录,那么它默认情况下都会安装到这里,随着你测试开发各种不同的项目,安装的模块越来越多,那么这个文件夹的体积会越来越大,直到占满你的C盘。这就是为什么要修改npm的配置的原因。

安装Node.js、npm和环境变量的配置

  3、这里我们要分两步:

  第一步:修改NPM的缓存目录和全局目录路径,将对应的模块目录改到D盘nodejs的安装目录;

  第二步:是配置npm和nodejs的环境变量,这样nodejs才能正确地调用对应的模块。

  我们先来做第一步,在D盘nodejs目录下创建两个目录,分别是node_cache和node_global,这是用来放安装过程的缓存文件以及最终的模块配置位置。

  配置完成后,执行下面这两个命令:

  npm config set prefix "D:\Program Files\nodejs\node_global"

  npm config set cache "D:\Program Files\nodejs\node_cache"

  将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录:

安装Node.js、npm和环境变量的配置

安装Node.js、npm和环境变量的配置

  4、然后我们打开cmd命令行界面,在使用命令安装刚才的cluster模块,命令如下:

  npm install cluster -g

  然后打开刚才创建的node_global目录,可以看到此时cluster目录就安装到这个目录底下了。

安装Node.js、npm和环境变量的配置

安装Node.js、npm和环境变量的配置

  5、然后我们来配置npm的环境变量和nodejs的环境变量。

  在计算机图标上点右键,选属性,然后点击高级系统配置,弹出来的新窗口右下角有个环境路径,点进去,就能看到环境路径的配置界面,我们点击新建。然后在弹出来的窗口里,变量名填:NODE_PATH,变量值填:D:\Program Files\nodejs\node_modules\,填写好后点确定,然后就能看到我们配置好的NPM环境路径。

安装Node.js、npm和环境变量的配置

  6、此时还需要修改一些nodejs默认的模块调用路径,因为模块的安装位置变了,如果nodejs的命令还到原来的位置去找,肯定是找不到安装的模块了。我们在环境变量窗口,选择Path,然后点击右下角的编辑,然后选择npm那个,点击编辑将其修改为:D:\Program Files\nodejs\node_global\,然后点确定,保存这个配置。

安装Node.js、npm和环境变量的配置修改为:安装Node.js、npm和环境变量的配置

  7、这个时候所有的配置工作才算完成了,然后打开一个新的cmd窗口。先输入命令:

  node

  进入nodejs的交互式命令控制台,然后输入:

  require('cluster')

  如果能正常输出cluster模块的信息,说明上面的所有配置就算生效了。

安装Node.js、npm和环境变量的配置

  8、我们还需要做的最后一个工作是,将npm的模块下载仓库从默认的国外站点改为国内的站点,这样下载模块的速度才能比较快,只需要一个命令即可,命令是:

  npm --registry https://registry.npm.taobao.org install cluster

  上面的命令是临时使用国内一家npm源的地址来安装cluster模块。从下面图中可以看到,速度非常快。只用了1秒。而我们上面第一次安装的时候用了差不多6秒多,速度快了6倍。

安装Node.js、npm和环境变量的配置

  如果想一直使用这个源的地址,那么可以使用下面这个命令来配置。

  npm install -g cnpm --registry=registry_url

    registry_url指的是国内提供的一些npm仓库地址,常用的有:

    https://registry.npm.taobao.org

    http://r.cnpmjs.org/

  这两个都可以使用。如下面第二张图所示,配置好国内源后,安装一个较大的模块express,速度提升还是非常可观的。至此,nodejs和npm在windows上的配置就全部完毕。

安装Node.js、npm和环境变量的配置