npm的基本使用安装所有包,安装删除指定版本的包,配置命名别名

npm的基本使用安装所有包,安装删除指定版本的包,配置命名别名

  • 安装所有依赖
  • 指定版本安装/删除包
  • 给 npm 脚本配置"命令别名(自定义命令)"

✅ 一、安装所有包(恢复依赖)

如果项目中已经存在 package.jsonpackage-lock.json 文件(比如你从 git 克隆项目下来):

🧪 安装所有依赖:

bash 复制代码
npm install

这会自动读取 package.json 中的 dependenciesdevDependencies,安装到 node_modules/ 目录中。


📦 二、安装指定版本的包

你可以在安装时指定版本号:

✅ 指定精确版本:

bash 复制代码
npm install [email protected]

会安装 axios1.5.1 版本,且写入 package.jsondependencies 中。


✅ 指定范围版本:

bash 复制代码
npm install axios@^1.5.0   # 安装 >=1.5.0 <2.0.0
npm install axios@~1.5.0   # 安装 >=1.5.0 <1.6.0
符号 含义
^ 允许大版本不变,小版本升级
~ 只允许最后一位升级(小改动)

🗑️ 三、卸载包

✅ 卸载某个包:

bash 复制代码
npm uninstall axios

这将从 node_modules 删除包,并从 package.json 中移除该项。

如果是开发依赖:

bash 复制代码
npm uninstall eslint --save-dev

🏷️ 四、配置命名别名(npm script 脚本命令)

可以在 package.json"scripts" 字段中,配置 自定义命令(别名)

json 复制代码
{
  "scripts": {
    "start": "node index.js",
    "dev": "nodemon index.js",
    "lint": "eslint ./src"
  }
}

✅ 使用方式:

bash 复制代码
npm run start    # 执行 node index.js
npm run dev      # 执行 nodemon index.js
npm run lint     # 执行 eslint ./src

👉 如果命令是系统默认别名(如 starttest),可以省略 run

bash 复制代码
npm start

✨ 自定义参数传递:

json 复制代码
{
  "scripts": {
    "build": "vite build",
    "preview": "vite preview --port=3000"
  }
}

💡 Bonus:查看脚本别名清单

bash 复制代码
npm run

会列出你在 package.json 中定义的所有脚本命令。


总结速查表

操作 命令
安装所有依赖 npm install
安装指定版本 npm i 包名@版本
卸载包 npm uninstall 包名
添加别名命令 编辑 package.json 中的 scripts
执行别名命令 npm run xxxnpm start
相关推荐
anyup_前端梦工厂9 分钟前
React 单一职责原则:优化组件设计与提高可维护性
前端·javascript·react.js
天天扭码36 分钟前
面试官:算法题”除自身以外数组的乘积“ 我:😄 面试官:不能用除法 我:😓
前端·算法·面试
小小小小宇39 分钟前
十万字JS不良实践总结(逼疯审核版)
前端
喝拿铁写前端42 分钟前
从列表页到规则引擎:一个组件封装过程中的前端认知进阶
前端·vue.js·架构
小小小小宇1 小时前
React Lanes(泳道)机制
前端
zhangxingchao1 小时前
Jetpack Compose 之 Modifier(上)
前端
龙萌酱1 小时前
力扣每日打卡17 49. 字母异位词分组 (中等)
前端·javascript·算法·leetcode
工呈士1 小时前
HTML与Web性能优化
前端·html
秃了才能变得更强1 小时前
React Native 原生模块集成Turbo Modules
前端
旺旺大力包2 小时前
【 React 】重点知识总结 && 快速上手指南
开发语言·前端·react.js