同时启动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。  大功完成！   
走你，启动你的项目吧