当前位置: 首页 > news >正文

npm run dev 的作用

npm run dev 的作用是:执行你在 package.json 中自定义的名为 dev 的脚本命令
换句话说,npm 本身并不知道 “dev” 该干什么,它只是去 package.json 的 "scripts" 字段里找到 "dev" 对应的命令并帮你运行。


举个例子

假设你的 package.json 里有:

"scripts": {"dev": "vite","build": "vite build","preview": "vite preview"
}

执行 npm run dev 时,npm 会启动 Vite 的开发服务器,通常会:

  • 监听源代码变化(热更新 HMR)
  • 启动本地服务(如 http://localhost:5173)
  • 开启调试模式,方便你边改边看效果

🛠 常见框架的 "dev" 脚本

框架常见 dev 脚本效果
Vite"vite"启动本地开发服务器,支持热更新
Webpack"webpack serve"启动 webpack-dev-server
Next.js"next dev"启动 Next.js 开发服务器
Nuxt"nuxt dev"启动 Nuxt 开发服务器
Node.js (原生)"nodemon src/index.js"用 nodemon 监听文件变化并重启服务

注意事项

  • 必须先 npm install 安装依赖,否则脚本里用到的命令(如 vitenext)会找不到。
  • npm run dev 通常是开发阶段使用,构建生产包一般用 npm run build

一句话总结

npm run dev 不是 npm 的固定功能,而是执行你在 package.json 里写的自定义开发脚本,通常用来启动本地开发服务器并开启热更新。

http://www.dtcms.com/a/330183.html

相关文章:

  • Unity_2D动画
  • 游戏盾的安全作用
  • RK3568嵌入式音视频硬件编解码4K 60帧 rkmpp FFmpeg7.1 音视频开发
  • Celery+RabbitMQ+Redis
  • Traceroute命令使用大全:从原理到实战技巧
  • IPC Inter-Process Communication(进程间通信)
  • 2小时构建生产级AI项目:基于ViT的图像分类流水线(含数据清洗→模型解释→云API)(第十七章)
  • 基于Supervision工具库与YOLOv8模型的高效计算机视觉任务处理与实践
  • 1.Cursor快速入门与配置
  • Multisim的使用记录
  • GQA:从多头检查点训练广义多查询Transformer模型
  • 蒙以CourseMaker里面的录屏功能真的是完全免费的吗?
  • C#标签批量打印程序开发
  • Redis 键扫描优化:从 KEYS 到 SCAN 的优雅升级
  • Nginx Stream代理绕过网络隔离策略
  • 论文Review 激光SLAM VoxelMap | RAL 2022 港大MARS出品!| 经典平面特征体素激光SLAM
  • 第4节 Torchvision
  • MC0473连营阵图
  • 在线教程丨 Qwen-Image 刷新图像编辑 SOTA,实现精准中文渲染
  • Docker部署RAGFlow:开启Kibana查询ES数据指南
  • 《Linux基础知识-3》
  • C语言:指针(4)
  • QT(事件)
  • 网络安全合规6--服务器安全检测和防御技术
  • MyBatis针对MySQL模糊查询中特殊字符(%和_)的处理方案
  • BGE:智源研究院的通用嵌入模型家族——从文本到多模态的语义检索革命
  • 模型驱动的自动驾驶AI系统全生命周期安全保障
  • C++入门自学Day10-- Vector类的自实现
  • Nginx学习与安装
  • Docker(springcloud笔记第三期)