前端和後端連載一起啟動

前言

在開發的時候，有時在命令工具裡面，要多開兩個視窗分別啟動前端項目和後端服務介面，有沒有辦法將整個項目一起啟動呢

答案是有，前端和後端連載一起啟動，適用於前端為vue或React，後端為nodejs的項目。

只需用到一個npm包concurrently模塊，通過package.json配置實現。

假設你是vue+nodejs項目，項目根目錄為server，vue前端部分放於client目錄下

配置開始

1.在項目根路徑server下安裝concurrently模塊

cnpm install  concurrently -S

2.配置client下的package.json

1 "scripts": {
2   "serve": "vue-cli-service serve",
3   "build": "vue-cli-service build",
4  + "start": "npm run serve"
5 },

3.配置項目根目錄server下的package.json

1 "scripts": {
2  + "client-install": "npm install --prefix client",
3  + "client": "npm start --prefix client",
4   "start": "node server.js",
5   "server": "nodemon server.js",
6  + "dev": "concurrently \"npm run server\" \"npm run client\""
7 },

4.啟動前後端

npm run dev

更多用法見

https://github.com/kimmobrunfeldt/concurrently