npm、yarn安装及配置

1、nodejs下载安装

​ 1.1、使用nodejs版本管理工具下载安装，可一键安装、切换不同nodejs版本，详见https://www.cnblogs.com/gaozejie/p/10689742.html

​ 1.2、 直接官网下载安装https://nodejs.org/zh-cn/，建议下载长期支持版本。

​ 上面两种方式选其一即可，安装后CMD执行 node -v 查看node版本号

2、npm配置

​ node.js安装后会自动安装npm，CMD中执行 npm -v 查看npm的版本号。

​ npm安装模块时，会默认安装到C盘的C:\Users\用户名\AppData\Roaming\npm，长期使用容易占用C盘空间，所以建议将全局模块安装目录和缓存目录放到其它磁盘。当然不配置也完全没问题，可以直接跳过。

2.1 配置

​ 在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_global\node_modules\”

​ “环境变量” -> “用户变量”：编辑用户变量里的Path，将相应npm的路径（“C:\Users\用户名\AppData\Roaming\npm”）改为：“D:\Program Files\nodejs\node_global”

​ 注意以上变量都改为你自己的目录。

2.2、更换镜像

​ 默认npm使用的是国外镜像，下载速度可能会比较慢，建议切换为淘宝镜像。也可以使用镜像管理工具进行一键切换，详见https://www.cnblogs.com/gaozejie/p/10694834.html

​ 在cmd窗口输入以下命令

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

​ 查看镜像

npm config get registry

3、yarn安装及配置

3.1 安装

​ 本次使用npm进行安装

npm install -g yarn

​ 安装完后使用yarn -v可查看版本号

3.2 配置

​ 修改配置的目的同2，也可以不配置。

​ 新建两个文件夹 yarn_global和yarn_cache

yarn config set global-folder "D:\Program Files\nodejs\yarn_global"

yarn config set cache-folder "D:\Program Files\nodejs\yarn_cache"

4、常用命令对比

npm	yarn	描述
npm init	yarn init	初始化项目
npm install	yarn、yarn install	安装依赖
npm install xxx 、npm install xxx --save、npm install xxx -S	yarn add xxx	安装某依赖，写入dependencies
npm install xxx --save-dev、npm install xxx -D	yarn add xxx --dev、yarn add xxx -D	安装某依赖，写入devDependencies
npm install xxx -g	yarn global add xxx	全局安装某依赖
npm update xxx	yarn upgrade xxx	更新某依赖
npm uninstall xxx	yarn remove xxx	删除某依赖
npm cache clean	yarn cache clean	清除全局缓存依赖包
npm run dev	yarn dev、yarn run	执行dev命令