title: How can I create a configuration entry to start server and debug Protractor tests in Visual Studio Code?
body: <p>Thanks to the <a href="https://github.com/angular/angular-cli/wiki/e2e" rel="nofollow noreferrer">ng e2e</a>, I can run the server and then execute end to end Protractor tests against it. 
  <code>npm run ng e2e</code> command accomplish this task for me.</p>
  
  <p>Now, I would like to create a Visual Studio configuration to debug those tests.
  According to the description on <a href="https://blogs.msdn.microsoft.com/wushuai/2016/08/24/debug-protractor-script-in-visual-studio-code/" rel="nofollow noreferrer">MSDN blog</a>
  in <code>.vscode/launch.json</code>, I created a configuration for debugging Protractor tests:</p>
  
  <pre><code>{
      "type": "node",
      "request": "launch",
      "name": "Launch e2e tests",
      "program": "${workspaceRoot}/node_modules/protractor/bin/protractor",
      "stopOnEntry": false,
      "args": ["${workspaceRoot}/protractor.conf.js"],
  },
  </code></pre>
  
  <p>However it is <strong>not</strong> running the server, it runs the tests only.
  As a results, they're marked as failed.</p>
  
  <p>How can I amend the configuration to not only run the tests, but to start the server first?
  Obviously I need to have debugging possibilities such as inserting the break points in VS Code.</p>