osx、 linux 安装和使用 nvm、node、npm/yarn

文章目录

一、卸载已安装到全局的 node/npm

如果之前是在官网下载的 node 安装包，运行后会自动安装在全局目录，其中

node 命令在 /usr/local/bin/node ，npm 命令在全局 node_modules 目录中，具体路径为 /usr/local/lib/node_modules/npm

安装 nvm 之后最好先删除下已安装的 node 和全局 node 模块：

#查看已经安装在全局的模块，以便删除这些全局模块后再按照不同的 node 版本重新进行全局安装
npm ls -g --depth=0
#删除全局 node_modules 目录
sudo rm -rf /usr/local/lib/node_modules
#删除 node
sudo rm /usr/local/bin/node
#删除全局 node 模块注册的软链
cd /usr/local/bin && ls -l | grep "../lib/node_modules/" | awk '{print $9}'| xargs rm

二、安装 nvm

LINUX 安装 & 更新脚本

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash

然后追加下面的代码到你的用户环境变量配置我文件,我修改的是~/.bashrc (也可以是~/.bash_profile, ~/.zshrc, ~/.profile),因为默认是从国外服务器 http://nodejs.org/dist/ 下载,必然很慢,所以顺便修改为国内的镜像源.

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion
#配置nvm的nodejs镜像源（淘宝）加速nvm加载
export NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node

执行下面的命令使刚配置的环境变量生效

source ~/.bashrc

重新打开终端,检查nvm安装是否ok

nvm -v ##显示 Node Version Manager ... 说明nvm安装ok

WIN10 安装

下载安装包https://github.com/coreybutler/nvm-windows/releases，下载 nvm-setup.zip ，解压安装。

注意

第一次选择路径 nvm 的安装路径。相当于 setting.txt 文件的root。注意安装路径不要有空格
第二次选择的路径是node.js的安装路径。相当于 setting.txt 文件中的path。注意安装路径不要有空格，也不要设置到nvm目录的上一级

安装成功后系统环境变量内出现相应配置,nvm安装位置NVM_HOME，nodejs安装位置NVM_SYMLINK

重新打开命令行,检查nvm安装是否ok

nvm -v ##显示 Node Version Manager ... 说明nvm安装ok

设置nvm使用淘宝的依赖下载源，命令行依次执行如下两条命令

nvm node_mirror https://npm.taobao.org/mirrors/node/
nvm npm_mirror https://npm.taobao.org/mirrors/npm/

三、nvm常用指令：

windows系统nvm常用命令

nvm arch                                  查看当前系统的位数和当前nodejs的位数
nvm install <version> [arch]     安装指定版本的node 并且可以指定平台 version 版本号  arch 平台
nvm list [available]         
nvm list   					查看已经安装的版本
nvm list installed 		查看已经安装的版本
nvm list available 	查看网络可以安装的版本
nvm on                    打开nodejs版本控制
nvm off                    关闭nodejs版本控制
nvm proxy [url]        查看和设置代理
nvm node_mirror [url]            设置或者查看setting.txt中的node_mirror，如果不设置的默认是 https://nodejs.org/dist/
nvm npm_mirror [url]             设置或者查看setting.txt中的npm_mirror,如果不设置的话默认的是：https://github.com/npm/npm/archive/.
nvm uninstall <version>         卸载指定的版本
nvm use [version] [arch]        切换指定的node版本和位数
nvm root [path]       设置和查看root路径
nvm version            查看当前的版本

mac/linux系统nvm常用命令

nvm --help                          显示所有信息
nvm --version                       显示当前安装的nvm版本
nvm install [-s] <version>          安装指定的版本，如果不存在.nvmrc,就从指定的资源下载安装，模糊版本：nvm install 6.11
nvm install [-s] <version>  -latest-npm 安装指定的版本，平且下载最新的npm
nvm uninstall <version>             移除已安装的指定版本，语法与install类似
nvm use [--silent] <version>       切换使用指定的版本
nvm current                         查看当前使用的node版本
nvm ls                                  查看已安装的及当前所使用的版本
nvm ls  <version>                查看指定版本
nvm ls-remote                     查看目前线上所能安装的所有node版本
nvm ls-remote --lts              查看长期支持的版本
nvm install-latest-npm         安装最新的npm
nvm reinstall-packages <version>    重新安装指定的版本
nvm alias <name> <version>           给不同的版本号添加别名
nvm unalias <name>          删除已定义的别名
nvm alias default 10.1.0     使用10.1.0作为默认使用的node版本
nvm reinstall-packages <version>   在当前版本node环境下，重新全局安装指定版本号的npm包
nvm cache dir                    显示nvm的cache
nvm cache clear                清空nvm的cache

四、安装node

终端或命令行执行命令 nvm install latest 安装node最近版本

nvm ls-remote ##查看目前线上所能安装的所有node版本
nvm i 10.1.0 ## 安装node v10.1.0版本
node --version ## 输出v10.1.0 node安装ok
nvm alias default v10.1.0 ## 设置为默认使用的node版本

nvm list 查看当前已安装和使用的node版本，正在使用中的node版本号前面会使用*标识

切换使用的node版本 nvm use 16.4.2

node -v 查看正在使用到node版本

npm -v 查看正在使用到node版本

五、npm/yarn 设置和取消国内镜像源

#设置为淘宝镜像源
npm config set registry https://registry.npm.taobao.org --global
#设置后,可以查看(验证)当前源 
npm config get registry
#取消淘宝镜像
npm config edit  #找到registry行删掉
#或者下面这行命令删除
npm config delete registry
########################################
#安装yarn,更换源,查看源(默认是https://registry.yarnpkg.com)
npm install -g yarn
yarn config set registry https://registry.npm.taobao.org -g
yarn config get registry

#查看yarn版本
yarn -v

#查看所有配置
yarn config list

#查看当前yarn的bin的位置
yarn global bin

#查看当前yarn的全局安装位置
yarn global dir

#修改全局安装目录, 先创建好目录(YOUR_PATH\global)
# YOUR_PATH请改成自己的具体目录
yarn config set global-folder "YOUR_PATH\global"

六、指定项目使用的 node 版本

如果你的默认 node 版本与项目所需的版本不同，则可在项目根目录或其任意父级目录中创建 .nvmrc 文件，在文件中指定使用的 node 版本号，例如：

cd <项目根目录>  #进入项目根目录
echo 10.1 > .nvmrc #添加 .nvmrc 文件
nvm use #无需指定版本号，会自动使用 .nvmrc 文件中配置的版本
node -v #查看 node 是否切换为对应版本

七、npm常用指令：

npm <-h> # 列出帮助信息
npm -l #列出全部可用命令
npm -v #列出npm版本号

npm config set <key> <value> # 设置配置
npm config delete <key> # 删除配置
npm config list #查看全部配置

npm <cmd> -h # 查找可用的命令
npm help <term> # 查看帮助信息

npm login #登录
npm whoami #查看当前用户

npm publish #发布项目
npm unpublish <name>[@<version>]#取消发布项目

npm search pkg # 查看指定包是否存在
npm install [-g] <pkg>[@<version>] # 安装指定包
npm uninstall [-g] <pkg>[@<version>] # 卸载指定包
npm ls# 查看当前目录下安装了那些包
npm ls <pkg># 查看特定package的信息

npm root # 查看当前包的安装路径
npm root -g #查看全局npm安装的路径

八、npm常用指令简写：

npm install xxx --global
npm install xxx --save
npm install xxx --save -dev
npm install [email protected]
# install可简写为i
# --global可简写为-g(全局安装)
# --save可简写为-S 添加生产依赖(package.json的dependencies)
# --save-dev可简写为-D 添加开发依赖(package.json的devDependencies)
# [email protected] 指定版本号
# npm install xxx[@latest| @beta | @next] 模糊指定版本

注意：
yarn 的全局安装不是加 -g 或者 --global，它使用 yarn global 命令。
yarn 不需要 -S
yarn --dev同样简写为-D

九、yarn常用指令：

npm和yarn命令对比

npm 命令	Yarn 命令	备注
npm init	yarn init	初始化项目(生成package.json配置文件）
npm init --yes/-y	yarn init --yes/-y	…
npm install	yarn	安装所有依赖包(依据package.json中的依赖配置参数),install是yarn默认行为
npm install [package] --save	yarn add [package]	添加生产模式依赖(package.json的dependencies)
npm install [package] --save-dev	yarn add [package] --dev	添加开发模式的依赖(package.json的devDependencies)
npm install [package]@latest --save	yarn add [package]
npm install [package] --global	yarn global add [package]	…
npm install [package] --save-optional	yarn add [package] [–optional/-O]	添加可选依赖包
npm install [package] --save-exact	yarn add [package] [–exact/-E]	精准添加某版本的包
npm install [package] --global	yarn global add [package]	添加全局包
npm uninstall [package] --save	yarn remove [package]	删除正式依赖包
npm uninstall [package] --save-dev	yarn remove [package]	删除开发依赖包
npm uninstall [package] --save-optional	yarn remove [package]	删除可选依赖包
npm rebuild	yarn install --force	重建
npm update --save	yarn upgrade	…
npm cache clean	yarn cache clean	清除缓存
rm -rf node_modules && npm install	yarn upgrade	更新包管理器自身

注意：使用yarn或yarn install安装全部依赖时是根据package.json里的”dependencies”字段来决定的

十、Windows系统的nvm-windows软件切换镜像源

#找到nvm-windows软件的安装目录中的settings.txt文件追加

node_mirror=http://npm.taobao.org/mirrors/node/

npm_mirror=https://npm.taobao.org/mirrors/npm/