nvm、node、npm、yarn安装流程及使用 (入门级 全网最详细 ! )

nvm、node、npm、yarn安装流程及使用 (入门级 全网最详细 ! )

一、nvm安装

1. 下载nvm：
- 下载地址：https://github.com/coreybutler/nvm-windows/releases
- nvm版本管理工具的可以操作node版本的切换、安装、查看等…
- 安装前如果已经装过node的任意版本一定要先卸载node.js ! ! !

     nvm-noinstall.zip： 这个是绿色免安装版本，但是使用之前需要配置
     nvm-setup.zip：     这是一个安装包，下载之后点击安装，无需配置就可以使用，方便。
     Source code(zip)：  zip压缩的源码

2. 一般选择 nvm-setup.zip 或者 nvm-setup.exe 这个两个安装(傻瓜式安装 , 无需配置 一路next ,最后finish)
   
   
   
   
   

打开CMD终端 输入nvm 后回车 如果 出现 Running version 1.1.9 Usage:…等响应代表已经安装成功 , 既可以进入下一步操作

4、在CMD终端 输入 nvm root 获取到nvm的安装路径 C:\Users\zxxc\AppData\Roaming\nvm 复制路径打开C盘搜索后找到setting文件打开后将淘宝镜像链接复制到setting中即可, 主要是为了提高nvm的下载速度, nvm是服务器在国外所以下载起来会格外的慢,这时候就用到了淘宝的镜像链接提升下载速度 > 淘宝镜像链接: > node_mirror: https://npm.taobao.org/mirrors/node/ npm_mirror: https://npm.taobao.org/mirrors/npm/

5、 到这里就已经完成了nvm的安装了 接下来就是在nvm里面安装node和npm

二、安装Node.js

1. nvm常用命令

nvm list 查看已经安装的版本
nvm list installed 查看已经安装的版本
nvm list available 查看网络可以安装的版本
nvm version 查看当前的版本
nvm install 安装最新版本nvm
nvm use <version> ## 切换使用指定的版本node
nvm ls 列出所有版本
nvm current显示当前版本
nvm alias <name> <version> ## 给不同的版本号添加别名
nvm unalias <name> ## 删除已定义的别名
nvm reinstall-packages <version> ## 在当前版本node环境下，重新全局安装指定版本号的npm包
nvm on 打开nodejs控制
nvm off 关闭nodejs控制
nvm proxy 查看设置与代理
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路径

① 一般我们会下载官网中长期支持的版本来使用,这样会比较稳定,不推荐使用最新的版本,最新的版本往往会有一些不成熟的功能导致意料之外的bug.

node官网: http:// nodejs.cn

②使用 nvm install 命令安装 这里安装的是 16.15.0 版本 , CMD终端输入 nvm install 16.15.0 等待片刻后, 如下图所示即安装成功 .

③ 使用命令 nvm use 版本号则表示可以开始使用 node.js 的16.15.0版本.
在工作中有可能需要切换多种不同版本的node来配对不同项目中的node版本 ,这里需要注意的是切换版本要在管理员的权限( PowerShell 管理员模式或者 CMD管理员模式)下使用命令

   nvm ls        	             -- 查看目录下安装的所有node版本  
  
  nvm use 15.14.0                -- 切换node.js版本

③ 在VScode的终端(右键点击工作区的文件选择在集成终端打开即可调出终端)输入命令 node -v 查看node版本 若如下图所示一致,出现V15.16.0恭喜你成功安装了node.js 15.16.0版本

 node -v            -- 查看当前使用的node版本号 

 node + tab键       --找到你需要运行的文件回车即可运行 

 cd..               -- 退回上一层目录
 
 cd  目录名        	-- 进入XX目录所在位置(目录名中若包含空格需要双引号将目录名包起来进行转义)

三 、npm 简介（ Node Package Manager）

• npm是一个【包管理工具】 Node.js中有很多比较好用的第三方插件(第三方模块) , npm就是用于管理这些第三方模块的一个包管理工具, 在下载node的时候系统就已经将npm捆绑安装了.
• npm实现原理:有一个远程代码仓库（registry），在里面存放所有需要被共享的js代码，每个js文件都有自己唯一标识用户想使用某个js的时候，只需引用对应的标识，js文件会自动下载下来。

① 使用npm管理项目

建立一个空文件夹，在命令提示符进入该文件夹 执行命令初始化

  npm init    -y            

初始化后就会生成一个 package.json的文件

② npm常用命令

npm -v：查看npm版本。
npm init：初始化后会出现一个package.json配置文件。可以在后面加上-y ，快速跳过问答式界面。
npm install：会根据项目中的package.json文件自动下载项目所需的全部依赖。
npm install 包名 --save-dev(npm install 包名 -D)：安装的包只用于开发环境，不用于生产环境，会出现在package.json文件中的devDependencies属性中。
npm install 包名 --save(npm install 包名 -S)：安装的包需要发布到生产环境的，会出现在package.json文件中的dependencies属性中。
npm list：查看当前目录下已安装的node包。
npm list -g：查看全局已经安装过的node包。
npm --help：查看npm帮助命令。
npm update 包名：更新指定包。
npm uninstall 包名：卸载指定包。
npm config list：查看配置信息。
npm 指定命令 --help：查看指定命令的帮助。
npm info 指定包名：查看远程npm上指定包的所有版本信息。
npm config set registry https://registry.npm.taobao.org： 修改包下载源，此例修改为了淘宝镜像。
npm root：查看当前包的安装路径。
npm root -g：查看全局的包的安装路径。
npm ls 包名：查看本地安装的指定包及版本信息，没有显示empty。
npm ls 包名 -g：查看全局安装的指定包及版本信息，没有显示empty。

③ 什么叫开发依赖、生产依赖？什么又是开发环境、生产环境？

• 开发环境依赖(devDependencies) : 在开发依赖的环境中的一些插件会包含一些方便前端人员排错的提示 / 警示信息 或 bug 日志 等等, 这些只会在开发时用到,等到项目上线后,这些警示信息 bug日志就不需要使用了,为了减少内存的占用和打包时间,优化项目运行速度就会使用生产依赖.
• 在项目还在开发时的环境即为开发环境,开发依赖在安装命令后加 -D 下载
• 项目完成后项目上线提供给用户使用的环境即为生产环境, 生产依赖在安装命令后加 -S 下载

npm install colors -g         #全局依赖

npm install colors -D         #开发依赖

npm install colors -S         #生产依赖

四 、yarn的安装和使用

① yarn的特点：

一 丶速度超快。
Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率因此安装速度更快。
二丶超级安全。
在执行代码之前，Yarn 会通过算法校验每个安装包的完整性。
三丶 超级可靠。
使用详细、简洁的锁文件格式和明确的安装算法，Yarn 能够保证在不同系统上无差异的工作。

② yarn的安装:

npm install -g yarn

③ yarn的常用命令：

npm install -g yarn       // 安装yarn

yarn --version            // 安装成功后，查看版本号：

mkdir yarn                // 创建文件夹 yarn

cd yarn                   // 进入yarn文件夹

yarn init -y             // 同 npm init -y  执行输入信息后，会生成package.json文件

yarn add  插件名/包名    // 在当前的项目中添加一个依赖包，会自动更新到package.json和yarn.lock文件中

yarn add --dev/-D       // 加到 devDependencies  开发依赖

yarn add -S            // 加到 dependencies     生产依赖

yarn  remove  包名   -D / -S / -g  // 移除 插件/包 根据需求移除不同的开发依赖,生产依赖,全局依赖

yarn upgrade   包名      // 更新依赖

yarn cache list       //列出已缓存的每个包 

yarn cache dir        //返回 全局缓存位置 

yarn cache clean      // 清除缓存