安装node,配置npm,yarn,pnpm

输入网址:Node.js,长期使用选择14.17.0,测试新功能选16.3.0

双击下载的msi文件进行安装

 一直点next, 设置安装路径的时候建议安装到D盘,这样以后也不影响重装系统,我设置的路径是

D:\nodejs。安装完成后除了node_modules文件夹外是没有其它文件夹的。

修改环境变量:新增一个NODE=D:\nodejs, 然后把path中的D:\nodejs(如果没有就新建)替换成%NODE%

执行 node -v和npm -v查看是否安装成功

下一步是配置npm,目的是把全局相关的配置移到系统盘之外

配置npm (目录都需要自己新建)    
    npm help npm或npm help install     # 打开本地npm文档(或npm install 文档)
    npm [command] -h    # 展示command的用法
    npm -l    # 展示所有command的用法
    npm adduser   # 登录or注册
    npm config ls -l    # 查询所有npm相关的配置,调用npm config set进行更改或覆盖
    npm config set prefix "D:\nodejs\npm-global-modules"    # 配置npm全局安装路径,添加Path  '%NODE%\npm-global-modules'
    npm config set cache "D:\nodejs\npm-cache"    # 配置npm缓存路径
    npm config set registry "https://registry.npm.taobao.org/"    # 修改npm镜像(https://registry.npmjs.org/)(可以安装cnpm后修改cnpm的镜像)
    # 配置成功后再次调用 npm config ls 查看

安装yarn
    npm install -g yarn    # 全局安装yarn, 执行yarn help和yarn help [command]学习使用
    yarn --version    # 检测yarn安装版本 1.22.x,在使用yarn init之前执行yarn set version berry, 版本就在此文件夹下变成2.x.x
    yarn config list    # 查看yarn相关配置
    yarn global bin    # yarn全局bin位置
    yarn global dir    # yarn全局安装位置
    yarn cache dir    # yarn全局缓存位置
    yarn config set prefix "D:\nodejs\Yarn\Data\global"    # 配置yarn全局bin路径(D:\nodejs\Yarn\Data\global\bin) 添加Path '%NODE%\Yarn\Data\global\bin'
    yarn config set global-folder "D:\nodejs\Yarn\Data\global"    # 配置yarn全局安装路径
    yarn config set link-folder "D:\nodejs\Yarn\Data\link"    # 配置yarn全局link路径
    yarn config set cache-folder "D:\nodejs\Yarn\Cache"    # 配置yarn全局缓存路径
    yarn config set registry "https://registry.npm.taobao.org/"    # 修改yarn镜像(https://registry.yarnpkg.com)

安装pnpm
    npm install -g pnpm    # 全局安装pnpm
    pnpm --version    # pnpm版本
    pnpm config set store-dir "D:\.pnpm-store"    # pnpm全局仓库路径(类似 .git 仓库)
    pnpm config set global-dir "D:\nodejs\pnpm\pnpm-global"    # pnpm全局安装路径
    pnpm config set global-bin-dir "D:\nodejs"    # pnpm全局bin路径
    pnpm config set state-dir "D:\nodejs\pnpm"    # pnpm创建pnpm-state.json文件的目录
    pnpm config set cache-dir "D:\nodejs\pnpm\cache"    # pnpm全局缓存路径

  • 6
    点赞
  • 28
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值