npm——基本使用

npm全称为Node Package Manager,是Node.js的包管理工具,它允许开发者轻松地安装、更新、卸载以及管理项目依赖的各种JavaScript库和工具。

基本使用方法

安装Node.js和npm
  1. 访问Node.js官网https://nodejs.org/)下载适合您操作系统的Node.js安装包。Node.js安装程序通常会一并安装npm。

  2. 验证安装

    • 打开命令行工具(Windows上是CMD或PowerShell,macOS/Linux上是Terminal)。
    • 输入 node -v 查看Node.js版本。
    • 输入 npm -v 查看npm版本。
安装依赖
  • 本地安装(适用于项目特定的依赖):

    复制代码
    npm install <package-name>

    这会在项目的node_modules目录下安装包,并将依赖记录在package.json文件中的dependenciesdevDependencies字段。

  • 全局安装(适用于命令行工具等):

    复制代码
    npm install -g <package-name>

    -g标志表示全局安装,包会被安装到系统可执行路径中,所有项目都可以访问。

  • 使用savesave-dev

    当你安装一个包作为项目依赖时,可以通过添加--save参数将其记录到package.jsondependencies字段:

    复制代码
    npm install express --save

    如果安装的是开发时依赖(例如测试框架),可以使用--save-dev参数记录到devDependencies字段:

    复制代码
    npm install mocha --save-dev
更新依赖
  • 更新单个包:

    复制代码
    npm update <package-name>
  • 更新所有依赖至最新版本(谨慎操作,可能引起兼容性问题):

    复制代码
    npm update
卸载依赖
  • 卸载本地包:

    复制代码
    npm uninstall <package-name>
  • 卸载全局包:

    复制代码
    npm uninstall -g <package-name>
查找包
  • 搜索包:

    复制代码
    npm search <keyword>
镜像设置

为了加速下载或解决地区访问限制问题,可以配置npm使用镜像源。在中国,常用的镜像是npm的中国官方镜像cnpm,或者淘宝NPM镜像(tnpm)。

配置淘宝NPM镜像
  1. 临时使用(仅限当前终端会话):

    复制代码
    npm config set registry https://registry.npm.taobao.org
  2. 永久配置(修改用户配置文件):

    复制代码
    npm config set registry https://registry.npm.taobao.org --global

    这会修改全局.npmrc文件,以后每次使用npm都会自动指向淘宝镜像。

查看和重置镜像配置
  • 查看当前配置:

    复制代码
    npm config get registry
  • 重置为默认官方源:

    复制代码
    npm config set registry https://registry.npmjs.org --global
初始化项目
  • 在项目根目录下运行:

    复制代码
    npm init

    或快速初始化(跳过提问步骤):

    复制代码
    npm init -y

    这会创建一个package.json文件,记录项目信息和依赖。

不同操作系统的区别

  • 命令行差异

    • Windows用户可能需要在命令前加上cmd /c或使用PowerShell。
    • macOS/Linux用户直接在Terminal中运行命令。
  • 路径问题

    • Windows使用反斜杠\作为路径分隔符,但在命令行中通常需要使用正斜杠/或双反斜杠\\
    • macOS/Linux使用正斜杠/作为路径分隔符。
  • 权限问题

    • 在Linux或macOS上,全局安装可能需要sudo权限:

      复制代码
      sudo npm install -g <package-name>

      但出于安全考虑,建议配置npm以避免频繁使用sudo。

示例:完整流程

  1. 初始化项目

    复制代码
    mkdir myProject
    cd myProject
    npm init -y
  2. 安装Express(生产依赖):

    复制代码
    npm install express --save
  3. 安装Mocha作为开发依赖

    复制代码
    npm install mocha --save-dev
  4. 配置使用淘宝镜像

    复制代码
    npm config set registry https://registry.npm.taobao.org --global
  5. 更新所有依赖(确保在了解风险的前提下进行):

    复制代码
    npm update
相关推荐
Avan_菜菜5 小时前
Nuxt3 中使用 pnpm 安装的 NuxtImg 使用会提示找不到图片
前端·npm·nuxt.js
抠脚小弟7 小时前
实现vue组件库并发布npm上使用流程
前端·vue.js·npm
HarryHY8 小时前
检查项目中的依赖是否有更新——npm outdated
前端·npm·node.js
持久的棒棒君20 小时前
npm安装electron下载太慢,导致报错
前端·electron·npm
陪我一起学编程1 天前
关于nvm与node.js
vue.js·后端·npm·node.js
前端百草阁2 天前
从npm库 Vue 组件到独立SDK:打包与 CDN 引入的最佳实践
前端·vue.js·npm
夏日米米茶2 天前
Windows系统下npm报错node-gyp configure got “gyp ERR“解决方法
前端·windows·npm
蓝胖子的多啦A梦2 天前
npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1,因为在此系统上禁止运行脚
前端·npm·node.js
qziovv2 天前
Pnpm的使用
npm
XI锐真的烦2 天前
横向对比npm和yarn
前端·npm·node.js