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 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 |