Visual Studioコード - 特定の環境に対して角度2をデバッグ

Question

私はAngularで新しく、私はVisual Studioコードでデバッグコードを試しています。デバッグでは、Chrome用の拡張デバッガを使用しています。このコンフィグレーションは

**launch.json** 
{ 
    "version": "0.2.0", 
    "configurations": [  
     { 
     "name": "ng serve", 
     "type": "chrome", 
     "request": "launch", 
     "url": "http://localhost:4200/#", 
     "webRoot": "${workspaceRoot}"          
     }, 
     { 
     "name": "ng test", 
     "type": "chrome", 
     "request": "launch", 
     "url": "http://localhost:9876/debug.html", 
     "webRoot": "${workspaceRoot}" 
     }, 
     { 
     "name": "ng e2e", 
     "type": "node", 
     "request": "launch", 
     "program": "${workspaceRoot}/node_modules/protractor/bin/protractor", 
     "protocol": "inspector", 
     "args": ["${workspaceRoot}/protractor.conf.js"] 
     }  
    ] 
    } 

です。しかし、私は環境に問題があります。私は3つの異なる環境を持っています。 environemnt.tsにはlocalhostへのルートがあり、次の2つはサーバー上のapiです（例：environemnt.tst1.tsとenvironemnt.tst2.ts）。

私は、角度cliでいくつかのenvrionmentに対してexecをしたいのですが、それは問題ありません。私はng serve --env = tsと環境ts1に対して作業を行います。しかし、もし私がデバッグしたい。私は（それは条件がデバッグモード用です）NPM開始を記述する必要があり、それは次のコードを生成します。

npm start 

> web-client@0.0.0 start C:\GitProjects\web-client 
> ng serve --host 0.0.0.0 --port 4200 

をしかし、それは基本的なenvironment.ts

不利に働いそして、私の質問は、私は別の環境agaist選択することができる方法であり、 。私はf.eを試している。いくつかはconfigファイルに値ts1を持つパラメータenvを追加しますが、プロパティのenvは許可されていません。

この問題の経験がありますか？

ありがとうございました。

Answer 1

問題が解決したと思うので、私はconfigデバッガで設定する必要がありますが、package.jsonに設定します。 param env = tst1を追加します。

{ 
    "name": "web-client", 
    "version": "0.0.0", 
    "license": "MIT", 
    "scripts": { 
    "ng": "ng", 
    "start": "ng serve --host 0.0.0.0 --port 4200 --env=tst1", 
    "build": "ng build", 
    "test": "ng test", 
    "lint": "ng lint", 
    "e2e": "ng e2e" 
    }, 
....