npm run 同时执行多个命令

本文介绍如何使用npm包concurrently实现在一个命令下执行多个脚本,适用于需要在多个环境中部署同一套代码或同时启动多个服务的场景,提高开发效率。并详细比较了并联与串联执行方式的区别。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

    在项目中可能一套代码同时部署多个环境,每一次改动就需要部署多次。或者一个项目中涉及到多个服务,这时就需要能够一个命令同时执行多个任务,省去了很多麻烦。 

    要实现这个功能我们需要npm安装concurrently

// 首先进行安装
npm install concurrently --save

// 然后在 package.json 里面的 scripts 内部修改

"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "build": "node build/build.js",
    "all": "concurrently \"node server/server.js\" \"npm run start\""
  },
上面的all会执行node server/server.js和npm run start

还有一种方法:
npm install concurrently --save

// 然后在 package.json 里面的 scripts 内部修改

"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "build": "node build/build.js",
    "all": "node server/server.js && npm run start"
  },
两种方法都能实现一个命令执行多个脚本,不同的是 concurrently 是并联的,&& 是串联的。

在速度上,第一个方法远比第二个方法要快。

 


 
### 如何终止 Vue 中 `npm run serve` 或 `npm run dev` 启动的进程 在开发过程中,有时需要手动停止由 `npm run serve` 或 `npm run dev` 命令启动的开发服务器。以下是几种常用方法来终止这些后台运行的进程。 #### 方法一:使用快捷键终止当前终端中的进程 如果是在终端中直接执行了 `npm run serve` 或 `npm run dev` 并希望立即停止它,可以通过按下 **Ctrl+C** 组合键来中断正在运行的任务。这会向 Node.js 发送一个信号以安全地中止程序并返回到命令提示符状态[^3]。 #### 方法二:通过查找并杀死指定端口上的进程 当无法访问原始控制台或者想要强制结束某个特定服务时,可以按照以下步骤操作: 1. 查找占用目标端口号(通常是8080或其他自定义设置)的服务PID号: ```bash lsof -i :8080 ``` 2. 获取对应进程ID (PID)之后,利用kill指令将其销毁: ```bash kill -9 PID_NUMBER ``` 这里需要注意的是,默认情况下,Vue CLI 使用 8080 端口作为其开发服务器地址;然而实际应用当中可能会因为冲突等原因更改成别的数值,请依据具体情况调整查询语句中的参数值[^4]。 #### 方法三:借助第三方工具管理任务 对于更复杂的场景下频繁启停多个不同类型的前端框架实例而言,则推荐安装一些专门设计用来简化此类工作的插件或软件包,像pm2这样的通用型解决方案也可以扩展支持NodeJS环境下的子模块单独部署模式从而方便统一监管所有关联组件的状态变化情况。 ```javascript // 示例代码展示如何配置 PM2 来监控和重启应用程序 const express = require('express'); const app = express(); app.get('/', function(req, res){ res.send('Hello World!'); }); module.exports = { handler: () => {} }; if (!module.parent) { const server = app.listen(3000); } ``` 以上介绍了三种主要途径帮助开发者有效处理因误判而导致持续运转不必要的计算资源浪费现象的发生概率降到最低限度之内同时提高工作效率减少人为失误带来的额外负担。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值