如何 ng serve 和 npm 一起啟動？

Question

這個 MEAN 示例ng serve在端口 4200 上正常啟動應用程序，但無法獲取數據，因為 Fiddler 顯示它無法在端口 3000 上調用 API。

如何與 ng 一起啟動 npm？

/package.json

"name": "awesome-bucketlist",
  "version": "1.0.0",
  "description": "A simple bucketlist app using MEAN stack",
  "main": "app.js",
  "scripts": {
    "start": "node app"
  }

/angular-src/package.json：

{
  "name": "angular-src",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  }

啟動文件

{
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:3000/bucketlist",
            "webRoot": "${workspaceFolder}/app.js"
        }

Answer 1

在 package.json 中，您可以使用&&命令鏈接在一起。

前任：

"scripts": {
    "start": "./some_script_to_start_angular.sh && node app"
}

Answer 2

無論如何，我終於意識到在同一個文件夾/項目/解決方案中同時使用 Api 和 UI 是不切實際的。 API 不是特定於 UI 的，它是一個通用的 DLL/服務，應該單獨位於某個地方。 所以我將它們分成兩個 diff 文件夾，並有 2 個 VSC 實例來運行它們：

1. 在調試模式下啟動 API
2. 在第二個 VSC 中，運行ng serve並讓它需要時間來構建，當“編譯成功”時，轉到 launch.json 以啟動與 Chrome 關聯的調試條目，它們完美地工作。