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

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

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

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

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

🧪 安装所有依赖:

bash 复制代码
npm install

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


📦 二、安装指定版本的包

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

✅ 指定精确版本:

bash 复制代码
npm install axios@1.5.1

会安装 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
相关推荐
编程猪猪侠25 分钟前
Tailwind CSS 自定义工具类与主题配置指南
前端·css
qhd吴飞29 分钟前
mybatis 差异更新法
java·前端·mybatis
YGY Webgis糕手之路1 小时前
OpenLayers 快速入门(九)Extent 介绍
前端·经验分享·笔记·vue·web
患得患失9491 小时前
【前端】【vueDevTools】使用 vueDevTools 插件并修改默认打开编辑器
前端·编辑器
ReturnTrue8681 小时前
Vue路由状态持久化方案,优雅实现记住表单历史搜索记录!
前端·vue.js
UncleKyrie1 小时前
一个浏览器插件帮你查看Figma设计稿代码图片和转码
前端
遂心_1 小时前
深入解析前后端分离中的 /api 设计:从路由到代理的完整指南
前端·javascript·api
你听得到111 小时前
Flutter - 手搓一个日历组件,集成单日选择、日期范围选择、国际化、农历和节气显示
前端·flutter·架构
风清云淡_A1 小时前
【REACT18.x】CRA+TS+ANTD5.X封装自定义的hooks复用业务功能
前端·react.js
@大迁世界1 小时前
第7章 React性能优化核心
前端·javascript·react.js·性能优化·前端框架