Windows安装配置node.js并测试安装yarn

一、环境

1.系统

Windows 10

2.node.js版本

node-v14.16.1-x64

二、下载

1.下载地址

https://nodejs.org/en/download/

2.下载的文件

在这里插入图片描述

三、安装

1.双击【node-v14.16.1-x64.msi】,开始安装,点击【Next】按钮

在这里插入图片描述

2.勾选复选框,点击【Next】按钮

在这里插入图片描述

3.修改好目录后,点击【Next】按钮

在这里插入图片描述

4.点击【Next】按钮

在这里插入图片描述

5.点击【Install】按钮

在这里插入图片描述

6.点击【Finish】按钮完成安装

在这里插入图片描述

7.查看是否安装成功

node.js自带npm,安装node.js时会一起安装npm
npm的作用就是对node.js依赖包进行管理,也就是用来安装和卸载node.js需要的依赖包的

打开cmd命令窗口执行命令:

node -v
npm -v

在这里插入图片描述
可以查看出版本号说明已经安装成功

8.安装完成后的目录

在这里插入图片描述

四、环境配置

1.配置原因

环境配置主要是配置npm安装的全局模块global所在的路径,以及缓存cache的路径,因为在执行类似:npm install yarn -g(后面的-g是可选参数,g代表global全局安装)的安装语句时,会将安装的模块安装到C盘,占C盘空间。我希望将全局模块所在路径和缓存路径放在node.js安装的文件夹中,我安装的文件夹是【D:\nodejs】,在该文件夹下创建两个文件夹【node_global】和【node_cache】如下图:
在这里插入图片描述

2.创建完【node_global】和【node_cache】两个文件夹后,打开cmd命令窗口执行命令

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

在这里插入图片描述

3.配置环境变量

我的电脑 -> 右键 -> 属性 -> 高级系统设置 -> 高级 -> 环境变量
在这里插入图片描述
在系统变量中点击新建
在这里插入图片描述
在系统变量中找到Path并选中,点击编辑,添加下图中红框中的数值:

在这里插入图片描述

四、测试安装yarn并配置yarn

1.安装yarn

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

2.配置下载源

yarn config set registry https://registry.npm.taobao.org -g
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

3.vue或者react前端项目可以用yarn下载依赖包

进入项目根目录执行命令

命令说明
yarn下载依赖包
yarn start启动项目
yarn build项目打包
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值