node、nvm、nrm、npm、yarn使用教程

简介

可以选择任意一种去安装node,使用nvm安装可以同时在一台机器上安装不同的node

node简单安装

网址:https://nodejs.org/zh-cn/
node、nvm、nrm、npm、yarn使用教程_第1张图片
node、nvm、nrm、npm、yarn使用教程_第2张图片
点击下一步
node、nvm、nrm、npm、yarn使用教程_第3张图片

测试

打开cmd命令行
输入以下命令node -v
在这里插入图片描述

使用版本管理器安装

nvm、node、npm 区别

nvm:nodejs 版本管理工具,也就是说:一个 nvm 可以管理很多 node 版本和 npm 版本。
nodejs:在项目开发时的所需要的代码库。
npm:nodejs 包管理工具,在安装的 nodejs 的时候,npm 也会跟着一起安装,它是包管理工具,npm 管理 nodejs 中的第三方插件。

nvm、node、npm 关系

nvm 管理 nodejs 和 npm 的版本,npm 可以管理 nodejs 的第三方插件。

nvm安装和使用

  • Node安装可以使用Node版本管理器进行安装。可以实现同一台机器上安装和切换不同版本的Node环境。
  • npm要求Node项目所在的目录下有一个package.json文件。在这里可以看到简单的JSON格式的项目描述信息。如果你使用–save的参数会自动更新到package.json文件。
  • 常见的Node版本管理器:
    .nvm(https://github.com/nvm-sh/nvm)
    .n(https://github.com/nvm-sh/nvm)
  • nvm使用介绍
  • windows安装
    下载链接:https://github.com/coreybutler/nvm-windows/releases
    nvm-noinstall.zip:绿色免安装版,但使用时需进行配置。
    nvm-setup.zip:安装版,推荐使用
    node、nvm、nrm、npm、yarn使用教程_第4张图片
    node、nvm、nrm、npm、yarn使用教程_第5张图片
  • 详细命令介绍
    1、查看本地安装的所有版本
    nvm list [available]
    available为可选参数
    2、安装,命令中的版本号可自定义
    nvm install 11.13.0
    3、使用特定版本
    // 临时版本 - 只在当前窗口生效指定版本
    nvm use 11.13.0
    // 永久版本 - 所有窗口生效指定版本
    nvm alias default
    4、卸载
    nvm uninstall 11.13.0
    5、命令提示
    nvm arch :显示node是运行在32位还是64位。
    nvm install [arch] :安装node, version是特定版本也可以是最新稳定版本latest。可选参数arch指定安装32位还是64位版本,默认是系统位数。可以添加–insecure绕过远程服务器的SSL。
    nvm list [available]:显示已安装的列表。可选参数available,显示所有可安装的所有版本。list可简化为ls。
    nvm on :开启node.js版本管理。
    nvm off :关闭node.js版本管理。
    nvm proxy [url] :设置下载代理。不加可选参数url,显示当前代理。将url设置为none则移除代理。
    nvm node_mirror [url] :设置node镜像。默认是https://nodejs.org/dist/。如果不写url,则使用默认url。设置后可至安装目录settings.txt文件查看,也可直接在该文件操作。
    // 如用户目录:C:\Users\当前用户\AppData\Roaming\nvm : 配置文件settings.txt 加入以下
    node_mirror: https://npm.taobao.org/mirrors/node/
    npm_mirror: https://npm.taobao.org/mirrors/npm/
    nvm npm_mirror [url] :设置npm镜像。https://github.com/npm/cli/archive/。如果不写url,则使用默认url。设置后可至安装目录settings.txt文件查看,也可直接在该文件操作。
    nvm uninstall :卸载指定版本node。
    nvm use [version] [arch] :使用制定版本node。可指定32/64位。
    nvm root [path] :设置存储不同版本node的目录。如果未设置,默认使用当前目录。
    nvm version :显示nvm版本。version可简化为v。
    nvm alias default v12.14.1如果安装了多个Node版本,可以设置默认的Node版本

npm和yarn的使用

  • 详细命令介绍

  • 当前目录
    npm root查看本地安装目录
    安装运行依赖包,并且将其保存至package.json文件中
    npm install --save
    yarn add
    安装开发依赖包,并且将其保存至package.json文件中
    npm install --save-dev
    yarn add --dev
    更新本地依赖包
    npm update
    yarn upgrade
    查看本地依赖包
    npm ls
    卸载本地依赖包
    npm uninstall
    yarn remove

  • 全局
    查看 npm 全局安装位置
    npm get prefix or npm prefix -g
    yarn global dir
    设置 npm 全局安装的位置
    npm config set prefix "E:\nodejs-npm\node_modules\node_global"
    npm root -g 查看全局安装目录
    安装全局依赖包
    npm install -g
    yarn global add
    更新全局依赖包
    npm update -g
    yarn global upgrade
    查看全局依赖包
    npm ls -g
    yarn global list
    卸载全局依赖包
    npm uninstall -g
    yarn global remove
    查看依赖包信息
    npm info
    执行scripts配置的命令
    npm run
    yarn start

  • 常用命令总结
    初始化项目,生成package.json文件
    yarn init --yes # 简写 -y
    npm init --yes # 简写 -y
    添加项目依赖/开发依赖
    yarn add [--dev/-D] //不带-D默认生产环境
    yarn add [package]@[version] #带版本
    npm install XXX --save 可以简写成npm i XXX -S --------> 安装项目依赖
    npm install XXX --save-dev可以简写成npm i XXX -D ------> 安装开发依赖
    全局安装一个依赖
    yarn global add [package]
    npm install [package] -g
    移除一个依赖
    yarn remove
    npm uninstall -S
    全局删除一个依赖
    yarn global remove
    npm uninstall -g
    安装所有依赖包
    yarn
    npm i
    升级依赖
    yarn upgrade # 升级所有依赖项,不记录在 package.json 中
    npm update # npm 可以通过 ‘–save|–save-dev’ 指定升级哪类依赖
    yarn upgrade webpack # 升级指定包
    npm update webpack --save-dev # npm
    yarn upgrade --latest # 忽略版本规则,升级到最新版本,并且更新 package.json
    运行脚本
    yarn run
    npm run
    列出全局安装的所有依赖
    yarn global list --depth=0 # 限制依赖的深度
    npm list -g --depth=0
    缓存清理
    yarn cache clean
    npm cache clean --force
    查看依赖所有历史版本
    yarn info
    npm v versions //缩写
    npm script工具
    可以运行在package.json文件中使用的scripts字段定义的脚本命令,例如
    在这里插入图片描述
    npm scripts的钩子得介绍:
    npm scripts有pre和post两个钩子,
    如start脚本命令的钩子是prestart和poststart。
    当执行npm run start时,
    会按以下顺序执行npm run prestart && npm run start && npm run poststart
    使用方法:
    node、nvm、nrm、npm、yarn使用教程_第6张图片
    查看源和换源
    npm config get registry // 查看npm当前镜像源
    npm config set registry https://registry.npm.taobao.org/ // 设置npm镜像源为淘宝镜像
    yarn config get registry // 查看yarn当前镜像源
    yarn config set registry https://registry.npm.taobao.org/ // 设置yarn镜像源为淘宝镜像
    安装cnpm代替npm
    npm install -g cnpm --registry https://registry.npm.taobao.org
    镜像源地址部分如下:
    npm — https://registry.npmjs.org/
    cnpm — https://r.cnpmjs.org/
    taobao — https://registry.npm.taobao.org/

nrm学习

  • 概念:nrm(npm registry manager )是npm的镜像源管理工具,有时候国外资源太慢,使用这个就可以快速地在 npm 源间切换
  • 若想使用其他非淘宝的镜像源,可以使用名为NRM(https://github.com/Pana/nrm)的镜像源管理工具
    npm install -g nrm
    然后查看所有可用的镜像源
    nrm ls
    node、nvm、nrm、npm、yarn使用教程_第7张图片
    查看当前源 nrm current
    最后设置成想要使用的进行源nrm use cnpm
    增加定制的源 nrm add registry url 其中registry为源名,url为源的路径。
    命令nrm del registry删除对应的源
    通过nrm test registry测试响应源的响应时间

学习网址:https://docs.npmjs.com/misc/scripts

你可能感兴趣的:(前端,npm,node.js,nvm,nrm,yarn)