1、nodejs下载安装

​ 1.1、使用nodejs版本管理工具下载安装,可一键安装、切换不同nodejs版本,详见​​​

​ 1.2、 直接官网下载安装​​​​,建议下载长期支持版本。

​ 上面两种方式选其一即可,安装后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使用的是国外镜像,下载速度可能会比较慢,建议切换为淘宝镜像。也可以使用镜像管理工具进行一键切换,​

​ 在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 install

yarn

npm install react --save

yarn add react

npm uninstall react --save

yarn remove react

npm install react --save-dev

yarn add react --dev

npm update --save

yarn upgrade