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
相关推荐
陪我一起学编程34 分钟前
关于nvm与node.js
vue.js·后端·npm·node.js
前端百草阁1 天前
从npm库 Vue 组件到独立SDK:打包与 CDN 引入的最佳实践
前端·vue.js·npm
夏日米米茶1 天前
Windows系统下npm报错node-gyp configure got “gyp ERR“解决方法
前端·windows·npm
蓝胖子的多啦A梦1 天前
npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1,因为在此系统上禁止运行脚
前端·npm·node.js
qziovv1 天前
Pnpm的使用
npm
XI锐真的烦1 天前
横向对比npm和yarn
前端·npm·node.js
飞鸟malred2 天前
vite+tailwind封装组件库
前端·react.js·npm
好运yoo3 天前
npm install的原理
前端·npm
pzpcxy5203 天前
安装VUE客户端@vue/cli报错警告npm WARN deprecated解决方法 无法将“vue”项识别为 cmdlet、函数
前端·vue.js·npm
醉书生ꦿ℘゜এ3 天前
npm error Cannot read properties of null (reading ‘matches‘)
前端·npm·node.js