最近在做前后端连载,然后记录下如何同时启动前后端,以如下方式
1 cnpm install concurrently
2 vue中的pacakge.json
原
"name": "client",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build"
},
后
"name": "client",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"start": "npm run serve"
//改为npm start 启动
}
node中的package.json
前
"name": "app",
"version": "1.0.0",
"description": "restful api",
"main": "server.js",
"scripts": {
"start": "node server.js",
"server": "nodemon server.js"
}
后
"name": "app",
"version": "1.0.0",
"description": "restful api",
"main": "server.js",
"scripts": {
"client-install": "npm install --prefix client",
//确保client已经安装了需要的模块
"client": "npm start --prefix client",
client npm start 改为npm run client
"start": "node server.js",
"server": "nodemon server.js",
"dev": "concurrently \"npm run server\" \"npm run client\""
同时启动
}