Question

我是Angular的新手，我在Visual Studio代码中尝试调试代码。对于调试，我使用扩展Debugger for 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的路由，接下来的两个是服务器上的api，例如environemnt.tst1.ts和environemnt.tst2.ts。

如果我想通过角度cli来反对某些环境，那就没关系。我写了服务--env = ts并且对抗环境ts1。但如果我想调试。我必须编写npm start（它是调试模式的条件）并生成以下代码：

npm start

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

但是它违背了基本环境。

我的问题是，我如何选择另一个环境。我正在尝试f.e.有些人将值为ts1的参数env添加到配置文件中，但它写了“mi”，不允许使用“属性”。

您对此问题有经验吗？

感谢。

Answer 1

问题解决了，我想，所以我必须在配置调试器中设置它，但我在package.json中设置它。添加参数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"
  },
....

Visual Studio代码 - 针对特定环境调试Angular 2

1 个答案: