一. 下载NodeJs

直接从官网进行下载:https://nodejs.org/zh-cn/

这里注意最好选择长期支持版本,不要选择最新版,长期支持版本稳定性较高。

node安装jquery node安装步骤_node安装jquery

二. 安装

  1. 双击安装包
  2. node安装jquery node安装步骤_模块安装_02

  3. 点击Next,进入下一步
  4. node安装jquery node安装步骤_模块安装_03

  5. 点击接受,继续下一步
  6. node安装jquery node安装步骤_模块安装_04

  7. 粘贴路径,继续下一步
  8. node安装jquery node安装步骤_node.js_05

  9. 这里提前准备好NodeJs的安装路径,安装软件的一般习惯为不装在C盘。这里的路径是可以随便设置的。
  10. 继续下一步
  11. node安装jquery node安装步骤_node.js_06

  12. 不用勾选,继续下一步
  13. node安装jquery node安装步骤_缓存_07

  14. 最后点击install进行安装
  15. node安装jquery node安装步骤_模块安装_08

  16. 安装完成之后点击Finish
  17. node安装jquery node安装步骤_模块安装_09

三. 验证是否安装成功

  1. 打开cmd窗口
  2. 输入node -v
  3. 观察是否有版本号输出

    这里如果提示 “ node不是内部或者外部命令 ” 的话,就需要配置环境变量。高版本的NodeJs会自动配置环境变量,低版本的需要我们手动配置。具体配置方式下边会提到,先往下看即可。

四. 环境变量配置

  1. 进入环境变量设置界面
    右键此电脑
    选择属性
    点击高级系统设置
    点击环境变量
    即可进入环境变量配置界面
  2. 删除用户变量中的配置
  3. node安装jquery node安装步骤_缓存_10

  4. 如果用户path中存在NodeJs的配置信息,则删除,存在的原因是NodeJs安装时候自动生成的,如果不存在则不用修改。
    第一步:点击用户环境变量中的path。
    第二步:选择NodeJs配置(如果存在的话)。
    第三步:点击删除按钮(注意不要删错)。
    最后记得点击确定,让删除生效。
  5. 系统变量中配置Path
    点击系统变量的Path,选择编辑,添加NodeJs安装目录到Path环境变量中。
  6. node安装jquery node安装步骤_node.js_11

  7. 新建值为NodeJs安装目录:
  8. node安装jquery node安装步骤_node安装jquery_12

  9. 再新建值为NodeJs安装目录下的node_modules目录:
  10. node安装jquery node安装步骤_node安装jquery_13

五. 路径配置

NodeJs的默认模块安装路径和缓存路径均在C盘用户目录下,我们可以设置为其他盘符,具体操作方式为:

1.修改模块安装路径

  1. 查看模块安装路径
    在cmd窗口输入下行代码查看安装目录
npm config get prefix
  1. 结果为:
  2. 修改模块安装路径
    将模块安装路径修改为自己的NodeJs的安装目录,通过下行命令进行修改,注意路径修改为自己的NodeJs安装路径。
npm config set prefix "D:\Common\develop\Environment\NodeJs"

2.修改缓存路径

  1. 查看缓存路径
    在cmd窗口输入下行代码查看缓存目录
npm config get cache
  1. 结果为:
  2. 创建缓存文件夹
    在NodeJs安装目录下新建一个node_cache文件夹,作为NodeJs的缓存目录
  3. 修改缓存目录
    通过如下命令将缓存目录设置为刚刚创建的node_cache目录
npm config set cache "D:\Common\develop\Environment\NodeJs\node_cache"

3.验证修改

在cmd窗口使用如下命令进行验证

npm config get prefix
npm config get cache

结果:

node安装jquery node安装步骤_node.js_14

六. npm配置国内源

因为npm的原镜像是在国外,使用起来可能会很慢,所以需要更改到国内的淘宝镜像

执行以下命令,配置npm国内源:

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

执行以下命令,查看国内源是否配置成功:

npm config get registry

输出为国内源地址则表示配置成功:

node安装jquery node安装步骤_node安装jquery_15

七. 安装和设置cnpm

执行如下命令安装cnpm:

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

执行如下命令修改cnpm的模块安装路径:

cnpm config set prefix "D:\Common\develop\Environment\NodeJs"

执行如下命令修改cnpm的缓存路径:

cnpm config set cache "D:\Common\develop\Environment\NodeJs\node_cache"

安装并设置好cnpm以后,再通过npm安装依赖时,就可以使用cnpm来进行安装了。

八. 权限错误处理

如果安装模块时候报错遇到mkdir错误不要慌,只需要将NodeJs文件夹权限修改为完全控制即可。

node安装jquery node安装步骤_Common_16