配置package.json 使一次npm run start 执行两个指令或者多个指令

最新推荐文章于 2024-05-21 20:32:00 发布
最新推荐文章于 2024-05-21 20:32:00 发布
阅读量2.3w 收藏 12
点赞数 6
分类专栏： js react package.js npm run start json-server 文章标签： package.js json-server react js 框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/div_ma/article/details/80579227
版权
js 同时被 3 个专栏收录
22 篇文章 1 订阅
订阅专栏
react
6 篇文章 1 订阅
订阅专栏
json-server
2 篇文章 0 订阅
订阅专栏

作者：webmxj
csdn博客名:div_ma
联系方式：webmxj@163.com
微信：webmxj
QQ交流群:734585334
QQ:642525655 加我请备注前端
在配置json-server的时候，做虚拟数据的时候遇到一个问题，就是json-server的服务需要通过指令json-server ./mock/db.json –port 3003；然而react 也需要npm run start启动；每次都得输入两次来启动这两个服务很烦；
我就想有没有方法可以只输入一次npm run start 来同时启动这两个服务；然后搜索资料说使用&&来链接两个指令我试了一下 失败了 ；
最后找到了以下的方法成功了 特来分享给大家 顺便自己做个笔记；

要同时执行指令需要依赖一个叫做concurrently的模块；
我们先全局安装concurrently

npm insatll -g concurrently

然后修改package.json中script：

"server":"react-scripts start",
"json_server":"json-server mock/db.json --port 3003",
"start": "concurrently \"npm run json_server\" \"npm run server\" ",

这样npm run start 就可以同时执行两条命令了 ，
这里写图片描述
这里写图片描述
这个方法如果对你有帮助的话就给我点个赞吧；

作者：webmxj
csdn博客名:div_ma
联系方式：webmxj@163.com
微信：webmxj
QQ交流群:734585334
QQ:642525655 加我请备注前端

webmxj
关注
  • 6
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
nodejs如何在package.json中设置多条启动命令
10-15
主要介绍了nodejs如何在package.json中设置多条启动命令，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
package.json配置文件构成详解
01-02
1.项目基础信息 name: XXXXXXX, version: 1.0.0, description: A Vue.js project, author: wyj , private: true, 2.脚本部分 scripts: { dev: webpack-dev-... start: npm run dev, build: node build/b
package.json执行多个命令
九段刀客的博客
04-27 1978
一、 & 两个命令同步执行 二、 &&先执行1再执行2 "scripts": { "electron:builder": "electron-builder", "build:for:electron": "cross-env ELECTRON=true vite build", "app:build": "yarn build:for:electron && yarn electron:builder" }, ...
【npm进阶】1、深入理解package.json：配置与优化
最新发布
weixin_52938153的博客
05-21 1029
npm，全称为 Node Package Manager，是一个 JavaScript 包管理工具和软件仓库。它最初是为 Node.js 设计的，但现在也可以用于前端开发。npm 允许开发者轻松地安装、共享和管理项目中的依赖包，从而简化了项目的开发过程。通过 npm，开发者可以访问庞大的开源库，快速集成各种功能模块，提升开发效率。此外，npm 还提供了版本管理和冲突解决机制，使得项目依赖关系更加稳定和可靠。
npm start同时执行两个命令的办法
各种吃土豆的博客
03-20 3614
需要安装 concurrently 模块 npm installconcurrently package.json修改如下 "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "clientServer": "live-server --open=./client/in...
package.json 同时执行多个命令
txl910514的专栏
06-07 1060
另外，需要注意命令中的引号使用方式，以及文件路径等相关信息的正确性。分隔符，则多个命令会依次执行，不管前面的命令是否执行成功。连接符分隔，每个命令完成后才会执行下一个命令；连接符来同时执行多个命令。字段中，我们可以通过在命令中使用。在执行时需要注意，多个命令之间使用。
package.json 文件运行一个命令同时执行两个或多个指令解决方案
MYspegale的博客
06-04 4576
这段时间在运行项目过程中，学会了使用 Rekit 来进行项目创建，在运行的时候，由于旧版的 Rekit 中，studio 仍然是集成在内部的，因此可以做到一个指令直接完成项目调试端口和 Studio 端口的同时运行，但新版的 Rekit 中，Studio 被分离出来，为了方便操作，写下此博客用于记录。 // package.json { ... // & 运算符，指令并行顺序执行（同时运行） "scripts": { "start": "指令一 & 指令二 & ...".
webpack npm的dev,run,start区别.zip
12-11
首先，`npm run` 是npm提供的一个命令，用于执行在`package.json`文件中定义的自定义脚本。这个命令后面可以接具体的脚本名，如`npm run dev`、`npm run build`等，这些脚本是在`scripts`对象内定义的。 1. `npm ...
个人工具分享npm run start
12-08
这个标题暗示了我们将探讨的是一个基于Node.js的项目，因为`npm`（Node Package Manager）是Node.js的包管理器，而`npm run start`是一个常见的脚本命令，用于启动开发环境或应用服务。 【描述】：“个人工具分享...
project-nexus：一个用于所有编程项目的中心，以及npm和package.json的GUI（不在开发中）-嘿，看起来很新！ https：webdash.xyz（解决了同样的问题，看起来不错！）……哦，另一件事！ https：github.com720kbndm
02-05
Nexus项目 所有编程项目的中心。 npm i project-nexus -g project-nexus ... 如果一个项目有一个package.json文件，它将为您提供一个按钮，以npm start /停止该项目。 它打开一个以显示过程输出。 npm启
一个npm命令同时运行前后端两个项目
f980815的博客
10-30 1048
npm iconcurrently -D 在package.json中 "scripts": { "start": "concurrently \"yarn dev\" \"yarn test\"", }, 运行结果： [0] 第一个项目，[1] 第二个项目 [0] xxxxxxxx 第一个项目在控制台打印的消息。
npm一次性开启两个服务
小火车况且况且况且的博客
08-06 811
npm一次性开启两个服务 安装concurrently github地址 npm i concurrently -g全局安装 修改package.json中的scripts"scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject", "dev": "no
npm 运行html项目,一个npm命令同时运行前后端两个项目
weixin_39598501的博客
06-21 238
linux下用命令运行kettle中的trans并传参数linux下用命令运行kettle中的trans并传参数 这个比较简单直接上命令 ./pan.sh -file=/home/impdatahd/kettle/kettle_transition/test01.ktr -logfile = /home/impdatahd/kettle/log/zhengkw.log -trans =test01...
如何在同一条npm命令行中启动两个本地的server
generalfyx的博客
07-15 676
引言 最近在本地做mock-server的时候，需要起本地的server，同时也需要起一个mock的server，我这里用的是json-server。 这样就需要在script里新建一个server的脚本命令。 &&：这个时候用&&并不会成功，只会执行前面的那个命令。 解决办法： 我们需要借用一下concurrently这个工具 执行 npm ins...
npm 运行多个项目
日晞的博客
01-15 1518
背景：对于一个写的项目需要把一部分代码发布到一个地方，另外一部分代码发布到另一个地方 这时需要把整个项目分成两个项目 然后要同时运行整个项目，这样才能让整个项目流程走通 如图：整个绿色代表最初的整个项目，你把整个项目（绿色）分成模块1 和模块2；项目流程是按黑色箭头走的，那么需要同时运行两个项目，才能让整个流程走通。 ​​​​​​​​​​​​​​ 在终端里运行用npm 指令: 安装： npm i concurrently --save 设置package.json "scri
npm start === npm run start
easy_bird的博客
11-26 649
npm start 和 npm run start 是等效关系， 在一个 npm 管理项目中，一般默认有 start 的定义，且会经常使用， 所以就在 npm 执行中简化输入目的设置了 npm run start 的简写， 类似的还有npm stop、npm test等等。 而其他的一些不太通用的命令项则只能通过npm run <命令项>的形式执行 参考文章：https://segmentfault.com/q/1010000015154536 ...
start同时启动两个可执行文件
summer's android 专栏
11-09 699
c: cd C:\auto\Eyetrace start EyeTrack c: cd C:\auto\s3dPlayer start  Release\CudaPlayer C:\auto\s3dPlayer\test.mp4 mediaType=lrVideo
npm run start 后台运行
u012138854的博客
12-05 3644
yum provides */nohup nohup npm start & 原程序的的标准输出被自动改向到当前目录下的nohup.out文件，起到了log的作用。 停止程序 ps -ef | grep npm ps -ef | grep node --------------------- 本文来自 chenshiying007 的CSDN 博客 ，全文地址请点击：https://blog.csdn.net/qq_27384769/article/details/78849930?utm_sour
package.json中的npm run命令执行后发生了什么
唐璜Taro的博客
09-28 995
当 `npm run serve` 执行 `vue-cli-service serve `命令时，虽然没有关于 `vue-cli-service` 的全局命令，但是 npm 会到 ` ./node_modules/.bin ` 中找到 `vue-cli-service` 文件作为脚本来执行
项目中 package.json 中的 "scripts" 部分的配置的哪里定义了npm run + 自定义的命令
06-10
在 package.json 文件中，"scripts" 部分是一个 JSON 对象，用于定义在命令行中可以使用的自定义命令。每个自定义命令都是一个键值对，键是命令的名称，值是要执行的脚本命令。例如： ``` "scripts": { "start": "node index.js", "dev": "nodemon index.js", "build": "webpack --config webpack.config.js" } ``` 在这个例子中，"start"，"dev" 和 "build" 都是自定义命令名，可以在命令行中使用 "npm run start"，"npm run dev" 和 "npm run build" 来执行对应的脚本命令。这些自定义命令可以执行任意有效的命令，包括执行本地安装的模块、执行系统命令、调用其他脚本等等。因此，如果你想在项目中添加一个自定义命令，只需要在 "scripts" 部分添加一个键值对即可，然后在命令行中使用 "npm run + 自定义的命令名" 来执行对应的脚本。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值