node.js 和npm的安装与配置

目录

  • 一、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.js 和npm的安装与配置_第1张图片

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

因为在执行例如npm install webpack -g等命令全局安装的时候,默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中,不方便管理且占用C盘空间,如下图所示:
node.js 和npm的安装与配置_第2张图片
所以这里配置自定义的全局模块安装目录,在node.js安装目node.js 和npm的安装与配置_第3张图片
录下新建两个文件夹 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.js 和npm的安装与配置_第4张图片
最后编辑用户变量里的Path,将相应npm的路径改为:D:\Program Files\nodejs\node_global,如下:

更改前:

node.js 和npm的安装与配置_第5张图片
更改后:
node.js 和npm的安装与配置_第6张图片

4.测试

在cmd命令下执行 npm install webpack -g 然后安装成功后可以看到自定义的两个文件夹已生效:
node.js 和npm的安装与配置_第7张图片

二、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
    node.js 和npm的安装与配置_第8张图片

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

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

如图,修改系统变量path:
node.js 和npm的安装与配置_第9张图片
4.测试
输入cnpm -v ,结果如下:
node.js 和npm的安装与配置_第10张图片

你可能感兴趣的:(Vue,vue,node.js)