私はMEANスタックで開発されたアプリケーションを持っています。私はポート '4030'でサーバーをローカルに起動するために 'http'ノードモジュールを使用するserver.jsファイルを持っています。ビジュアルスタジオコードで角度アプリケーションをデバッグする方法は？
1>上のサーバーを起動するWindowsノードのコマンドプロンプトからのhttpサーバを起動します。私のChromeブラウザは、すでにので、ローカルでこの私がやっている何の角度アプリケーションをデバッグする
--remote-debugging-port=9222
を有効にリモートデバッグが設定されていますローカルホスト：4030
Node server.js
2>クロムでは、Chromeでhttp://localhost:4030
3>、オープン1つの以上のタブ上でアプリケーションを参照し、閲覧http://localhost:9222 - >私のAPPLを選択localhost：4030 - > sourceを選択 - >アプリケーションをデバッグしてください。
これはうまくいきました。
開発用にVisual Studioコードを使用していますが、Visual Studioコードで問題なくノードコードをデバッグできました。しかし、私はVisual Studio Codeで角型アプリケーションをデバッグしたかったのです。記事hereに従っていますが、デバッガをアングルに接続できません。ここでは、私は>クローム
ext install debugger-for-chrome
2がすでに有効になってリモートデバッグが設定されているVisual Studioのコードで
1>インストール済みの拡張を行っているものです。 "ターゲット" フィールドには、特許
--remote-debugging-port=9222
Visual Studioのコードのルートフォルダは "C：\ SRC \ MyAppの" ここに私のアプリケーションの物理ファイルパスです：
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コードには、今すぐやっているように、ビルトインサーバーやサーバーを別に用意していますか？Visual Studioコードを添付しますか？
こんにちは、私はまだそれを行うことはできません、デバッグするためにVSCodeを持っている – user142617
私はまだビジュアルコードで角度をデバッグすることはできません。 – LP13
返信ありがとうございます、私はそれが動作するようになったらお知らせします – user142617