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项目打包
### 如何在不同操作系统上安装 Node.js、npm 和 Yarn #### 安装 Node.js 和 npm Node.js 支持多种主流的操作系统,包括 Windows、Linux 和 macOS[^2]。 对于 **Windows 用户**: 1. 访问官方网址下载适合操作系统的安装包。通常页面提供.msi格式的安装文件,适用于大多数Windows版本。 2. 运行下载好的安装程序,默认配置即可完成安装过程。 3. 使用命令提示符验证安装情况,输入 `node -v` 查看已安装Node.js 版本号;输入 `npm -v` 检查 npm 是否一同被正确安装[^1]。 对于 **macOS 用户**: 1. 下载.pkg结尾的Mac OS X安装按照指引逐步点击下一步直至结束整个流程。 2. 同样地,在终端里键入 `node -v` 与 `npm -v` 命令来确认软件已被妥善安置于系统之中。 对于 **Linux 发行版用户**: 方法一:利用各发行商提供的默认仓库进行更新和部署是最简便的方式之一; 方法二:前往官方网站寻找特定于 Linux 平台的手动编译源码或者预构建二进制文件来进行本地化定制安装[^4]。 #### 安装 Yarn Yarn 是另一个 JavaScript 包管理器,它提供了更快的速度、更好的安全性以及更可靠的依赖关系处理机制相比传统的 npm 工具而言[^5]。 为了获得最佳体验建议先移除旧有的全局范围内的 npm 脚手架项目再继续下面步骤: 对于 **NPM 方式** (推荐): ```bash npm install --global yarn ``` 对于 **Homebrew(仅限 Mac)** : ```bash brew update && brew install yarn ``` 对于 **Chocolatey(仅限 Win)** : ```powershell choco install yarn -confirm ``` 最后无论采用哪种方式都可通过如下指令测试是否成功加载最新版本的 Yarn 应用程序:`yarn --version`.
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值