angularjs - Hur man ställer in VSCODE för Angular2 med Typescript-felsökning utan NPM Script Runner

Jag kunde inte hitta ett exempel på ett dokument som visar hur man ställer in VSCode för Angular2 via TypeScript-debugging utan npm Script Runner.

Snabbstart är en generell lösning som skulle fungera även om IDE inte är VSCODE

Så enkelt frågar jag efter en dokumentation/förvaringsplats om hur man konverterar alla kommandon nedan till VSCODE-uppgifter utan att spendera timmar på att lista ut korrekt syntax/struktur.

 "scripts": {
    "build": "tsc -p src/",
    "build:watch": "tsc -p src/ -w",
    "build:e2e": "tsc -p e2e/",
    "serve": "lite-server -c=bs-config.json",
    "serve:e2e": "lite-server -c=bs-config.e2e.json",
    "prestart": "npm run build",
    "start": "concurrently \"npm run build:watch\" \"npm run serve\"",
    "pree2e": "npm run build:e2e",
    "e2e": "concurrently \"npm run serve:e2e\" \"npm run protractor\" --kill-others --success first",
    "preprotractor": "webdriver-manager update",
    "protractor": "protractor protractor.config.js",
    "pretest": "npm run build",
    "test": "concurrently \"npm run build:watch\" \"karma start karma.conf.js\"",
    "pretest:once": "npm run build",
    "test:once": "karma start karma.conf.js --single-run",
    "lint": "tslint ./src/**/*.ts -t verbose"
  },

Om du tror att detta är en duplicering av en annan fråga, till exempel Debug & Run Angular2 Typescript med Visual Studio Code? var vänlig säkerställ att det givna svaret inte använder npm start.

t.ex. det accepterade svaret på den frågan använder det i steg 5