同时启动node和vue项目解决方案
前言
自己写的前端项目是vue做前端页面,node做后端接口,但是每次启动都要分开打两次启动命令,感觉很不智能,于是决定用一个命令让项目同时启动vue和node
说干就干。。。
技术准备
需要安装一个node模块 nodemon,这个模块可以对node进行配置和控制,网上有很多这个模块的介绍的,我这里就不多介绍了。
npm install -g nodemon
目录结构
正常vue项目目录下,在src下新建一个node_backend文件,里面都是node相关的,在这个目录下有新建了server目录,这里放服务端接口文件,这里我们在启动server下的index.js文件
配置命令
在package.json 文件中配置配置启动命令。 原来vue的启动命令是 “serve”,这个不动。增加命令名字“dev”,内容是 "concurrently \"nodemon ./src/node_backend/server/index.js\" \"npm run start\"" 。 可以看到 ./src/node_backend/server/index.js是我当前package.json文件到这个index.js 的相对路径
启动项目
npm run dev
输入启动命令会陆续启动vue和node。 大功完成!
走你,启动你的项目吧
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 单线程的Redis速度为什么快?
· 展开说说关于C#中ORM框架的用法!
· Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库
· SQL Server 2025 AI相关能力初探
· 为什么 退出登录 或 修改密码 无法使 token 失效