npm run dev 同时运行vue前端项目和node后端项目

于 2024-05-31 16:44:06 发布
阅读量547 收藏
点赞数 2
文章标签： 前端 npm vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_51534164/article/details/139328838
版权

将两个项目放到一个目录下

项目拖进vscode中，安装包依赖，修改配置

npm i concurrently
"dev": "concurrently \"vite --mode development\" \"nodemon app.js\""

 命令行 npm run dev 运行

没有运行成功排查

1. 项目目录是否正确，是否能正确找到运行命令

2. 启动命令是否是全局安装，全局安装才可以

 

吞掉星星的鲸鱼
关注
配置vue前端服务器及express服务器端的服务器同时运行——concurrently
angrynouse的博客
08-02 896
因为运行时，前后端都要以服务器方式打开，所以要在后端代码文件夹根目录终端执行一个。：可以通过concurrently设置，使用一行命令，让前后端服务器同时运行。说明：后端服务器用的node的express框架模拟的。命令，还要在前端项目根目录终端执行一个。命令，操作比较麻烦。...
vue重启node_vue+node 全栈开发 --- 同时运行vue和node
weixin_42522389的博客
01-17 615
背景说明node 后台开发时，本身是作为集成一个 tomcat+java 功能的后台，直接运行即可。vue 开发与 node 开发同时进行全栈开发时，需要打开运行两个项目，比较麻烦。配置步骤说明：此一系列步骤在简单的 vue 以及 node 开发使用之后可以更好理解一些。node版本：10.15.1@vue/cli：4.0.5简要说明在已有的 node 后台项目中新建一个 client 文件夹存放...
启动vue项目同时启动node
weixin_53607765的博客
04-26 504
【代码】启动vue项目同时启动node。
npm run dev后台运行
彭世瑜的博客
02-17 7243
执行命令 nohup npm run dev >/dev/null 2>&1 & exit
npm run dev后台执行
KingOfOnePiece的博客
11-26 1509
执行命令 nohup npm run dev >/dev/null 2>&1 & exit
npm run dev 同时运行vue前端项目和node后端项目-项目中如何配置vue和node.js同时启动
06-26
### 如何配置npm run dev命令以同时启动Vue前端项目和Node.js后端项目 在现代Web开发中，前后端分离的架构模式越来越受到欢迎。这种模式下，前端负责UI渲染和用户交互，而后端则专注于业务逻辑处理和数据管理。在...
详解Vue项目在其他电脑npm run dev运行报错的解决方法
12-11
并使用 npm run dev 或 npm run start 发生以下报错的解决方法。 报错原因 缺少 node_modules 里面的依赖。在项目目录下使用 npm install 然后再 npm run dev。 如果在这一步当中， npm install 执行的过程中，...
关于vue的npm run dev和npm run build的区别介绍
10-17
总结来说，`npm run dev`和`npm run build`在Vue项目中分别用于开发阶段的实时预览和生产环境的代码构建，它们利用webpack和相关中间件实现了开发效率和生产性能之间的平衡。开发者通过这两个命令，可以快速地进行...
Vue项目执行 npm run dev 报错解决方法
01-07
Vue项目执行 npm run dev 报错解决方法 错误如下: Error: Cannot find module 'webpack-merge' at Function.Module._resolveFilename (module.js:440:15) at Function.Module._load (module.js:388:25) at Module....
egg的npm运行命令： npm run dev实现后台运行命令 和npm start/stop运行成功的方法
潘万丁的博客
10-03 7085
如果出现npm start后 出现127.0.0.1：7002 或7003等 原因是7001端口被占用了 你需要关闭使用7001端口的程序即可又变成127.0.0.1：7001了。**注意：**7001端口需要在宝塔安全那里放行以及在阿里云规则那里放行7001端口，两者缺一不可，该步骤不可缺。运行npm start后，关闭终端也能后台运行，但是要关闭的话有两种，1.则。2.npm stop 也能关闭（提前是进入相应网站的根目录后运行该命令才行）对应的pid号，然后：kill pid号。
一个终端同时运行多条Nodejs命令
知之为知之，不知为不知
05-17 1094
一个终端同时运行多条Nodejs命令
深入解析 Vue.js 项目的启动奥秘：npm run dev 与 npm run serve
qq_44103359的博客
05-18 2930
在 Vue.js 项目开发中，和是两个常见的命令，用于启动开发服务器。这两个命令虽然都服务于同一个目的——启动开发环境，但它们在实现细节和用途上有所不同。本文将深入探讨这两个命令的启动过程，并揭示它们之间的区别。
npm run serve后台运行的命令写法
以爱护甲,爱满枫林。
02-08 1999
nohup npm run serve >/dev/null 2>&1 & exit
npm run dev命令的执行顺序和原理
qwguo
03-17 2395
当我们在开发vue、react等项目的时候经常会用npm run *命令，那么当我们执行这个命令的时候具体都做了些什么呢？接下来我们就来详细探索一下。
【总结】1611- 初识 Turbopack
pingan8787
03-02 334
一 前言前端构建工具从 Grunt, Gulp 发展到具有划时代意义的 Webpack，Webpack 成为前端不可或缺的开发构建工具。但是随着前端的项目越来越大，无论是项目的启动时间，还是项目的打包时间，变得原来越长，短则四、五分钟，长则十几二十分钟。特别是在发版期间，打包速度直接影响发版效率。Webpack 打包速度成为了前端开发的最大痛点之一。二 什么是 TurbopackTurbopack...
[koa2] 服务 npm run dev 后台启动报错 无法启动 ‘.‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。
小张同学的博客
09-17 1860
[koa2] 服务 npm run dev 后台启动报错 无法启动 ‘.‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。
concurrently第三方库 —— 一条命令同时启动后端服务器和前端Vue项目（开发期间小技巧）
Concise200的博客
03-08 2029
在写项目的过程中发现了一个很好用的第三方包concurrently，可以通过一条命令npm run dev同时启动后端服务器与前端Vue项目、在开发期间非常方便。 注意：但是最好先把前端项目的文件夹放到后端的文件夹中!!（开发完再移出，并删除配置即可） 1.执行npm i concurrently进行安装 2.在前端项目的package.json的scripts中添加"start": "npm run serve" "scripts": { "start": "npm run serve" }
如何在启动Vue项目的同时跑 node.js脚本
开源世界
07-29 2279
编写copyFile.js 脚本实现，将文件夹内所有文件和子文件夹拷贝到另外的文件夹中 注意 copyFile.js 属于后端脚本，需要执行 node copyFile.js 运行 引入node环境中自带的两个模块 写文件模块和读文件模块 const fs = require(‘fs’); const path = require(‘path’); 复制代码 以下两段代码是一个整体 ：使用方法是直接调用 copyFolde(源文件相对路径，复制目标的相对路径) 函数 将源文件拷贝到目标文件： //!将src
[koa2] npm run dev 后台启动报错 无法启动 ‘.‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。
weixin_42982192的博客
04-23 2225
原因：npm版本不匹配，npm需要6.X版 修改方法： 结果： 启动成功
执行 npm run dev时报 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。
最新发布
07-16
当执行 `npm run dev` 报出 "vue-cli-service" 不是内部或外部命令错误时，这通常意味着你的系统无法找到 Vue CLI 安装的全局脚手架。以下是几个可能导致这个问题的原因及解决方案： 1. **未安装或未链接到全局**：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

吞掉星星的鲸鱼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值