目录

  • 一、node.js
  • 1.介绍
  • 2.下载与安装
  • 3、配置npm在安装全局模块时的路径和缓存cache的路径
  • 4.测试
  • 二、npm
  • 1.介绍
  • 2.安装
  • 二、cnpm
  • 1.介绍
  • 2.安装



一、node.js

1.介绍

node.js:是一个基于 Chrome V8 引擎的 JavaScirpt 运行环境。

2.下载与安装

1.Node.js 官方网站下载:https://nodejs.org/en/

2.下载完成后傻瓜式安装,这里就不详细介绍了。

3.安装成功,文件夹结构如下,并在上面安装过程中已自动配置了环境变量和安装好了npm包,此时可以执行 node -v 和 npm -v 分别查看node和npm的版本号:

node 安装 axios 模块 如何安装nodemodules_系统变量

3、配置npm在安装全局模块时的路径和缓存cache的路径

因为在执行例如npm install webpack -g等命令全局安装的时候,默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中,不方便管理且占用C盘空间,如下图所示:

node 安装 axios 模块 如何安装nodemodules_环境变量_02


所以这里配置自定义的全局模块安装目录,在node.js安装目

node 安装 axios 模块 如何安装nodemodules_系统变量_03


录下新建两个文件夹 node_global和node_cache,然后在cmd命令下执行如下两个命令:

  • npm config set prefix “D:\Program Files\nodejs\node_global”
  • npm config set cache “D:\Program Files\nodejs\node_cache”

执行成功。然后在环境变量 -> 系统变量中新建一个变量名为 “NODE_PATH”, 值为“D:\Program Files\nodejs\node_modules”,如下图:

node 安装 axios 模块 如何安装nodemodules_vue_04


最后编辑用户变量里的Path,将相应npm的路径改为:D:\Program Files\nodejs\node_global,如下:

更改前:

node 安装 axios 模块 如何安装nodemodules_系统变量_05


更改后:

node 安装 axios 模块 如何安装nodemodules_系统变量_06

4.测试

在cmd命令下执行 npm install webpack -g 然后安装成功后可以看到自定义的两个文件夹已生效:

node 安装 axios 模块 如何安装nodemodules_node 安装 axios 模块_07

二、npm

1.介绍

npm: npm其实是Node.js的包(代码模块)管理工具(package manager)。它的主要功能就是管理node包,包括:安装、卸载、更新、查看、搜索、发布等。

2.安装

安装node.js后默认自动安装npm


二、cnpm

1.介绍

cnpm:因为npm安装插件是从国外服务器下载,受网络的影响比较大,可能会出现异常,所以淘宝开发了一个npn的镜像cnpm。

2.安装

1、打开cmd,输入以下命令:

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

2、输入cnpm -v ,检测是否正常,但是这里会报错。

3、添加系统变量path的内容
因为cnpm会被安装到D:\Program Files\nodejs\node_global下,而系统变量path并未包含该路径。在系统变量path下添加该路径即可正常使用cnpm。

如图,修改系统变量path:

node 安装 axios 模块 如何安装nodemodules_node 安装 axios 模块_08


4.测试

输入cnpm -v ,结果如下:

node 安装 axios 模块 如何安装nodemodules_vue_09