node.js 和npm的安装与配置


一、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的版本号:
在这里插入图片描述

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

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

更改前:

在这里插入图片描述
更改后:
在这里插入图片描述

4.测试

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

二、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:
在这里插入图片描述
4.测试
输入cnpm -v ,结果如下:
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值