9

angular2 cli セットアップを使用して、Visual Studio 2015 で angular 2 アプリケーションを作成しようとしています。

プロジェクトをセットアップするために次の手順を実行しました

  1. cli をインストールする次のコマンドを実行します。

    npm i -g angular-cli

  2. ファイルとフォルダー構造を作成する次のコマンドを実行します

    ng new projectname

  3. プロジェクトをビルドする次のコマンドを実行します

    ng serve

デフォルトでは、angular 2 アプリはポート 4200 で提供されます。そのため、http://localhost:4200を実行すると、ブラウザで index.html ページが提供されていることがわかります。IIS ではなく ng サーバー経由で提供されることを理解しています。間違っている場合は修正してください。フォルダーとファイル構造をコピーし、Visual Studio ソリューションに含めて実行すると、Visual Studio が独自のポートを使用していることがわかります。プロジェクトのプロパティでポートを 4200 に設定してhttp://localhost:4200を実行しようとしても、うまくいきません。これは、現在 IIS によってホストされており、IIS がこのアプリケーションの手がかりを持っていないためだと思います。リアルタイムのシナリオで設定する方法を教えてもらえますか

私は基本的にhtmlに変更を加え、Visual Studio 2015エディターを使用してコードを実行しようとしています。変更が反映されていません

4

2 に答える 2

3

ファイル構造のビューが役立ちます。Visual Studio を IDE として使用しているだけのようです。それが正しければ、緑色の再生ボタンを使用することについて心配する必要はありません。ビルドするにはタスクを実行する必要があるため、タスクランナーはあなたの友達になります。それか、コンソールを開いて、そこからコマンドを実行します。

個人的には、ビジュアル スタジオ コードのような IDE を使用することを好みますが、VS を使用する必要がある場合は、以下のリンクをお勧めします。

ASP.NET プロジェクトに配置せずに、Visual Studio で Angular 2 プロジェクトを実行するための参考資料を次に示します。

于 2017-01-04T20:08:40.523 に答える