nodejs下载安装、npm环境配置、yarn下载与环境配置

Windows 安装nodejs、npm、yarn

一、nodejs下载与安装

1. 下载
1.1 打开浏览器搜索nodejs

在这里插入图片描述

1.2. 下载nodejs

在这里插入图片描述

2. 安装
按照图中指示完成安装即可

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

至此nodejs就安装完毕了  ̄▽ ̄*

二、npm环境配置

npm是nodejs的包管理工具,无需单独下载

说明:这里的环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,之所以要配置,是因为以后在执行类似:npm install package [-g](后面的可选参数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间。
例如:我希望将全局模块所在路径和缓存路径放在我node.js安装的文件夹中,则在我安装nodejs的文件夹下面创建两个文件夹【node_global】及【node_cache】如下图

1. 找到nodejs 安装的位置,在node_modeles同级目录新增两个文件夹 (如下图所示)

在这里插入图片描述

2. 创建完两个空文件夹之后,打开cmd命令窗口,输入以下命令
// 设置执行npm install package -g 的安装位置
npm config set prefix "D:\soft\nodejs\node_global"
// 设置缓存位置
npm config set cache "D:\soft\nodejs\node_cache"

在这里插入图片描述

3. 右键我的电脑点开属性

在这里插入图片描述

4. 高级系统设置 ——> 高级 ——> 环境变量

在这里插入图片描述

5. 系统变量下面点击新建

在这里插入图片描述

6. 添加变量名NODE_PATH 和变量值(nodejs安装位置的node_modules文件夹)

在这里插入图片描述

7. 再找到用户变量中的Path并进入

在这里插入图片描述

8. 按图中所示执行对应操作

在这里插入图片描述

9. 到这里npm的环境就配置完毕了~

三、yarn下载与环境配置

yarn与npm一样,都是包管理工具,但是yarn下载速度更快

1.下载

yarn官网下载

1.1 使用npm下载yarn
npm install yarn -g

全局下载的包会被保存到上面npm指定保存全局安装包的位置
【D:\soft\nodejs\node_global】

2. yarn环境配置
2.1 找到yarn的安装目录在bin同级新增两个文件夹(如图所示)

在这里插入图片描述

2.2 修改全局目录
//修改全局安装目录
yarn config set global-folder "D:\soft\nodejs\node_global\node_modules\yarn\yarn_global"

//修改全局安装目录的bin目录位置
yarn config set prefix "D:\soft\nodejs\node_global\node_modules\yarn\yarn_global"	

//修改全局缓存目录
yarn config set cache-folder "D:\soft\nodejs\node_global\node_modules\yarn\yarn_cache"	

在这里插入图片描述

3.把全局安装目录加到系统环境变量中
图 3-1

在这里插入图片描述

图 3-2

在这里插入图片描述

图 3-3

在这里插入图片描述

教程到此结束~
  • 10
    点赞
  • 54
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值