npm基础使用整理

873 阅读3分钟

npm基础使用整理

0.思维导图

npm.png

1.初始化

npm(node包管理工具)会随着node一起安装好,所以不需要单独安装

1.1自定义初始化信息

npm init

1.2采用默认信息初始化项目

npm init -y

2.模块安装模式

2.1本地安装(局部安装)

  • 将JS库安装在当前执行命令时所在目录下
npm install <Moudle Name>[@版本号]

2.2全局安装

  • 将JS库安装到全局目录下
npm root -g #查看全局目录
npm config set prefix 'D:\npm' #修改默认的全局安装目录
  • 全局安装js模块
npm install <Module Name>[@版本号] -g
  • 查看全局已经安装模块
npm list -g

2.3生产环境模块安装

  • 生产环境模块会被打包入我们的项目代码中
    • --save或者-S
    • 将模块的版本信息保存在 package.json文件中的dependencies字段中(生产环境依赖)

2.4开发环境模块安装

  • 开发环境模块不会被打包如我们的项目代码中
    • --save-dev或者-D
    • 将模块的版本信息保存到package.json文件的devDependencies字段中(开发环境依赖)

3.模块版本号表示方式

3.1指定版本号

  • 只安装指定版本
  • 大版本.次要版本.小版本

3.2~波浪号+指定版本号(例如~3.5.2)

  • 安装3.5.x的最新版本,不得低于3.5.2,但是不安装3.6.x

3.3^插入号+指定版本号(例如^3.5.2)

  • 安装3.x.x的最新版本,不得低于3.5.2,但是不安装4.x.x

3.4latest

  • 安装最新版本

4.安装后的文件或文件夹功能

4.1package.json

  • 包的配置文件,相当于maven的pom.xml

  • 可用于批量下载模块

    • 删除了node_moudles文件夹后,使用"npm install"后可以重新批量下载

4.2node_moudles文件夹

  • 该文件夹用于存放下载的js库(相当于maven的本地仓库),可以删除,删除后使用命令“npm install”重新安装

4.3package-lock.json

  • 是在''npm install''时候生成的一份文件
  • 用于记录当前状态下实际安装的各个包的具体来源和版本号
  • 是对package.json中依赖模块的详细信息介绍

5.查看模块信息

5.1查看本地已安装模信息

  • 在安装目录node_modules下的查看包

  • 使用命令查看

npm list #查看本地安装的所有模块
npm list <Module Name> #查看指定模块

5.2查看模块远程最新版本

npm view <Module Name> version

5.3查看模块远程所有版本

npm view <Module Name> versions

6.卸载模块

6.1卸载本地模块

npm uninstall <Module Name>

6.2卸载全局模块

npm uninstall -g <Module Name>

7.配置淘宝镜像加速

7.1查看当前使用的镜像地址

npm get registry

7.2配置淘宝镜像地址

npm config set registry https://registory.npm.taobao.org
  • 还原默认镜像地址的命令
npm config set registry https://registry.npmjs.org/

7.3安装下载模块

npm install <Module Name>

8.nvm

8.1什么是nvm

  • node version manager,node版本管理工具
  • 解决只能装一个版本node的问题,安装好后用于切换node版本
  • node版本切换好后,npm也会随着切换

8.2安装nvm

  • 下载Download nvm-windows --- nvm-setup.zip
  • 程序安装过程中,在 Set Node.js Symlink 这一步目录设置,是待会 nvm use 存放你的 nodejs 程序的目录。
  • 配置npm的全局安装路径,即是使用命令"npm install -g"安装的包的位置
    • 使用命令“npm config set prefix ’配置的路径‘ ”配置全局安装路径
    • 重新配置全局安装路径后,需要修改环境变量,将PATH中的APPDATA\Romaing\npm改为你设置的包的位置,用于识别在命令行工具中输入全局引入的包中的命令

8.3使用nvm

  • 下载node
nvm install latest #下载最新的node版本
nvm install <node的版本号> 32 #下载指定版本,默认是64位,32位需指定
  • 查看已安装的node列表
nvm list
  • 切换node
nvm use <要切换的node版本名>
  • 卸载node
nvm uninstall <node版本号>" 卸载对应版本的node