Question

我有一个在MEAN堆栈中开发的应用程序。我有server.js文件，它使用'http'节点模块在本地端口'4030'上启动服务器。我的Chrome浏览器已配置为启用远程调试

--remote-debugging-port=9222

所以要在本地调试角度应用程序，这就是我一直在做的事情：

1＆gt;从Windows节点命令提示符启动http服务器，该命令提示符在localhost：4030上启动服务器

 Node server.js

2＆gt;在Chrome中，浏览http://localhost:4030上的应用程序 3＆gt;在Chrome中，再打开一个标签页，然后浏览http://localhost:9222 - ＆gt;选择我在localhost上运行的应用程序：4030 - ＆gt;选择来源 - ＆gt;并调试应用程序
这一直很好。

我正在使用Visual Studio Code进行开发，我能够在Visual Studio Code中调试Node代码而没有任何问题。但是，现在我还想在Visual Studio Code中调试角度应用程序。我跟着文章here，但我无法将调试器附加到角度。这就是我所做的

1＆GT; Visual Studio代码中安装的扩展

 ext install debugger-for-chrome

2 - ; Chrome已配置为启用远程调试。在＆＃34;目标＆＃34;字段，附加

--remote-debugging-port=9222

Visual Studio Code的根文件夹是＆＃34; C：\ src \ MyApp＆＃34;以下是我的应用程序的物理文件路径：

 C:\src\MyApp\.vscode\launch.json  
 C:\src\MyApp\integration\server.js  
 C:\src\MyApp\integration\angular\js\app.js  
 C:\src\MyApp\integration\angular\views\index.html

index.html是起始页

  <html lang="en" dir="ltr" data-ng-app="MyApp">
    <head>    
    </head>
    <body>    
        <div class="container" data-ui-view>
        <div id="footer">        
        </div>

        <script type="text/javascript" src="/bower_components/jquery/dist/jquery.min.js"></script>
        <script type="text/javascript" src="/bower_components/angular/angular.js"></script>

         Some more javascript reference here....   

        <script type="text/javascript" src="/js/app.js"></script>
    </body>
 </html>

问题
我不确定我应该在launch.json文件中使用哪些配置值？
Visual Studio Code是否具有内置服务器或启动服务器，因为我现在正在做并附加Visual Studio Code？

Answer 1

我按照说明here来调试我的Angular应用程序。我使用launch请求类型，因为它比attach请求类型更可靠。

BTW，VSCode没有内置的Web服务器，因此我创建了一个IIS网站，指向我的Angular应用程序的根导向器，然后在launch.json中，我添加了一个使用的启动配置＆＃39;网址＆＃39;启动方法（类似于：http://localhost/myangularapp/index.html）。

如何在visual studio代码中调试角度应用程序？

1 个答案: