关于【Node、npm、yarn】的安装教程

想必能找到这篇文章的你应该都知道这些是什么东东🤏，所以就不在做过多的赘述，这里把对应安装教程都整理好了，没有半句废话，可以说是一步到位，针针见血，一击毙命。。。
安排~🤐

Node安装

Node官网下载地址

根据自己的配置下载对应的安装包（老版本需要配置环境变量，新版无需配置）

下载后直接按照安装步骤无脑点击下一步就可以——
温习提示：为了减少麻烦安装路径可以使用默认安装路径到C盘，毕竟小的可怜，不会占多大内存。 随心而为，随刃而行~

查看安装版本

win+R输入cmd打开黑窗口，输入node -v

这样就算安装成功了，而且npm也悄悄安装了~~
因为npm包管理器是Node自带的，安装完node后npm也就安装完了，可以通过 npm -v查看安装版本

npm安装

npm是node自带的，不用安装😴

其实现在安装node后是不用配置环境的，细心的你可能已经发现在安装过程中就已经自动加上了，直接使用默认的就行，但考虑到大家情况不一，还是将配置环境的方法也都总结好了🤏

修改配置

说白了修改配置目的就是让你的电脑认识npm命令，然后按照你的设置的地址去存放下载的依赖包。。。
当你使用 -g命令安装依赖时，g表示global全局，会默认下载到c盘
默认路径为：【C:\Users\用户名\AppData\Roaming\npm】，
非默认路径为：安装时自己选的那个。

注意：找不到文件夹的话可能是他隐藏了，需要设置显示隐藏的文件夹，在"查看"菜单中设置，如下图（win11）

也可能你是这样的👇 该换电脑了

配置前准备

在配置之前先在你的nodejs安装目录下创建创建两个文件夹，名称分别为：node_global和node_cache，然后在node_global文件夹下再建一个node_modules文件夹，配置环境变量用

完成后开始配置环境

1、使用命令配置
（1）【win+R】打开运行窗口，输入cmd，再输入以下两条指令

npm config set prefix "创建的node_global文件夹所在路径"
npm config set cache "创建的node_cache文件夹所在路径"

（2）在nodejs的安装目录下，进入node_modules——>npm——>找到npmrc文件，打开

//添加以下命令：
prefix = 创建的node_global文件夹所在路径
cache = 创建的node_cache文件夹所在路径

保存关闭后OVER

2、通过环境变量配置
（1）找到高级系统设置，点环境变量

（2）在系统变量中，新建
变量名：NODE_PATH
变量值：赋值刚才创建的node_global文件夹下的node_modules文件夹路径。
如：E:\develop\nodejs\node_global\node_modules

（3）在【系统变量】下的【Path】新建，添加node全局文件夹。【D:\Nodejs\node_global】，之后点击确定。

（4）修改用户变量中的Path变量，如果安装路径是默认没改的话就跳过此步，否则
将默认的npm路径修改为新建的node_global路径

经过上面的步骤，nodejs下载的模块就会自动下载到我们自定义的目录。

若执行npm install -g命令安装依赖时出现如下报错，是由于权限的原因，右击Nodejs文件夹->属性->安全，点击编辑，将所有权限都✔即可。

更换npm源为淘宝镜像

npm 默认的 registry ,也就是下载 npm 包时是从国外的服务器下载，较慢
所以一般都会使用淘宝镜像下载较快 https://registry.npm.taobao.org

cmd输入命令

//查看初始npm源
npm config get registry 
//更换镜像为淘宝镜像
npm config set registry https://registry.npm.taobao.org/

全局安装cnpm

cmd输入

//npm安装
npm install -g cnpm --registry=https://registry.npm.taobao.org

//执行命令查看cnpm是否安装成功
cnpm -v

npm常用命令

# 查看各个命令的简单用法
$ npm -l 
 
# 查看 npm 命令列表
$ npm help

# 查看 npm 的配置
$ npm config list -l

# 用于搜索npm仓库，它后面可以跟字符串，也可以跟正则表达式。
$ npm search <搜索词> [-g]

# 安装带有  ^  版本号的软件包的最新版本
$ npm install <package-name>

# 卸载软件包
$ npm uninstall <package-name>

# 发布自己的软件包
$ npm publish

# 创建一个新的package.json
$ npm init

# 运行package.json的命令
$ npm run

Yarn安装

官网安装地址

使用NPM命令安装yarn

//全局安装
npm install -g yarn
//查看安装版本
yarn --version
//yarn卸载
npm uninstall yarn -g 

配置环境变量

1.使用命令修改yarn全局配置

（1）修改全局安装目录命令：
同样要先创建好目录(global), 我放在了Yarn安装目录下(D:\RTE\Yarn\global)

yarn config set global-folder "D:\RTE\Yarn\global"	//具体目录请改成自己的

（2）修改全局安装目录的bin目录位置命令：

yarn config set prefix "D:\RTE\Yarn\global\"		//会自动设置成*\global\bin

（3）修改全局缓存目录，也要先创建好目录(cache), 和global放在同一层目录下，命令：

yarn config set cache-folder "D:\RTE\Yarn\cache"		//具体目录请改成自己的

2.通过环境变量配置
找到并复制bin地址，例如：D:\nodejs\node_global\node_modules\yarn\bin

相信经过前面的配置你应该知道通过npm全局安装的包都会放在哪了吧，是不是忽然感觉醍醐灌顶，很容易就找到yarn的路径了。
当然，如果你还是不知道的话也没事，用命令👇

 // 查看yarn所有配置
 yarn config list
 //查看当前yarn的bin的位置		
 yarn global bin
 //查看当前yarn的全局安装位置
 yarn global dir 

知道路径后修改环境变量

注意，不管修改什么程序的环境变量，都必须重新打开dos窗口，才会生效

修改yarn的源镜像为淘宝源

yarn config set registry https://registry.npm.taobao.org/

安装yarn后的问题

如果安装后你刚想试试yarn命令的时候报这个👇错了，巧了，我也报错了。

别慌，小问题，三步走🤌
1.搜索powershell，右键以管理员身份运行
2. 执行：set-ExecutionPolicy RemoteSigned
3.输入 y

如果解决了的话我就告诉你原因：

**错误原因：**是 PowerShell 执行策略，默认设置为Restricted不加载配置文件或运行脚本。需变更设置为RemoteSigned
没有的话就自己百度吧，I 也不 know。

yarn常用命令

#初始化
$ yarn init

#安装所有依赖项
$ yarn install

#安装指定依赖项
$ yarn add [package]

#删除依赖项
$ yarn remove [package]

npm 与 yarn

其实这俩在功能上对于我们来说是一样的，一些基本的操作命令也相似，如果说非要说出个一二三来，那还请您移步到W3C看看吧，我这就不一一介绍了。