链接 package.json 个脚本以启动 Express 服务器和 Vue 应用程序

Question

我使用 Vue.js 和 express.js 构建了一个应用程序。目前我必须打开两个终端 windows 和运行 npm run serve 在另一个终端中 npm start 。在同一终端中构建 Vue.js 应用程序后，我想创建服务器运行。我在这个 article 上读到，我可以通过将两个 package.json 脚本链接在一起来将两个脚本都添加到运行，但是对于我的生活来说我无法弄清楚如何。我的项目结构如下：

├── project
├── _frontend
|   ├── package.json
├── backend
|   ├── package.json

我试过以下方法：

1st try - "serve": "vue-cli-service serve && (cd ../server && npm start)"
2nd try - "serve": "vue-cli-service serve && (cd ../server && npm run start)"
3rd try - "serve": "vue-cli-service serve && (cd ../server) && npm start"

Vue.js 应用程序构建并且运行一切正常，但服务器未启动。我也尝试在服务器 package.json 上进行反向操作，服务器启动但应用程序未构建。这是我由于文件夹设置无法完成的事情还是我做错了什么？

Answer 1

&& 依次执行命令。 vue-cli-service serve && cd ../server && npm start 不会按预期工作，因为脚本在 vue-cli-service serve 处停止，直到服务器关闭。

对于跨平台脚本，可以使用concurrently或者其他类似的包并行执行命令：

"serve": "vue-cli-service serve",
"start": "concurrently \"npm run serve\" \"cd ../server && npm start\""

链接 package.json 个脚本以启动 Express 服务器和 Vue 应用程序

Chaining package.json scripts to start Express server and Vue app

javascript

express

vue.js

npm

npm-scripts