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
    
相关推荐
XIE3921 天前
如何开发一个脚手架
前端·javascript·git·npm·node.js·github
田本初2 天前
从0-1逐步搭建一个前端脚手架工具并发布到npm
前端·npm·node.js
finyouIT3 天前
clipboard
npm
ac.char4 天前
在 Ubuntu 系统上安装 npm 环境以及 nvm(Node Version Manager)
linux·ubuntu·npm
ZBY520314 天前
【Vue】 npm install amap-js-api-loader指南
javascript·vue.js·npm
RAY_CHEN.4 天前
vue3 pinia 中actions修改状态不生效
vue.js·typescript·npm
Ztiddler5 天前
【npm设置代理-解决npm网络连接error network失败问题】
前端·后端·npm·node.js·vue
三天不学习5 天前
前端工程化-node/npm/babel/polyfill/webpack 一文速通
前端·webpack·npm
水w6 天前
Node.js windows版本 下载和安装(详细步骤)
开发语言·前端·windows·npm·node
guokanglun6 天前
npm镜像查看和修改
前端·npm·node.js