Как начать и начать вместе?

Question

Это MEAN образец , ng serve нормально запускает приложение на порту 4200, но не может извлечь данные, так как Fiddler показывает, что не может вызвать API на порту 3000.

Как запустить npm вместе с ng?

/ package.json

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

/ угловой 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"
  }

launch.json

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

Answer 1

Во всяком случае, я наконец понял, что Api и UI в одной папке / project / solution не практичны.API не является специфическим для пользовательского интерфейса, это универсальная DLL / служба, которая должна размещаться где-то сама по себе.Поэтому я разделил их на две папки diff и имею 2 экземпляра VSC для их запуска:

1. , запустите API в режиме отладки
2. во 2-м VSC, запустите ng serve и дайте ему занятьвремя сборки, когда «Compiled успешно» перейдите к launch.json, чтобы запустить запись отладки, связанную с Chrome, они работают отлично.

Answer 2

В вашем package.json вы можете объединять команды вместе, используя &&.

Пример:

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