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
相关推荐
做好一个小前端14 小时前
后端接口获取到csv格式内容并导出,拒绝乱码
前端·javascript·html
第七种黄昏14 小时前
前端面试-箭头函数
前端·面试·职场和发展
Youyzq14 小时前
前端box-shadow出现兼容性问题如何处理
前端
携欢14 小时前
PortSwigger靶场之将 XSS 存储到onclick带有尖括号和双引号 HTML 编码以及单引号和反斜杠转义的事件中通关秘籍
前端·html·xss
三小河14 小时前
工作中的Ai工具汇总
前端
mapbar_front14 小时前
react项目开发—关于代码架构/规范探讨
前端·react.js
二木一夕15 小时前
Vue 3 的组合式 API和传统选项式 API区别(vue2转vue3,两者差异)
前端
LuckySusu15 小时前
【vue篇】Vue 项目中的静态资源管理:assets vs static 终极指南
前端·vue.js
LuckySusu15 小时前
【vue篇】Vue.delete vs delete:数组删除的“陷阱”与正确姿势
前端·vue.js
LuckySusu15 小时前
【vue篇】Vue 模板编译原理:从 Template 到 DOM 的翻译官
前端·vue.js