Visual Studio 2013でのangularJS開発の推奨セットアップ[終了]

AngularJSから始めます。バックエンドはWeb API（これも私にとっては新しい）であり、1つのIDEのみを使用したいので、AngularJS用にVisual Studio 2013でプロジェクトを設定する方法を理解しようとしています。APIとの疎結合を維持する（またはUIをWeb APIから切り離したままにする）ために、個別のプロジェクトとして維持したいと思います。この設定を取得する方法を理解するのに苦労しています。そう....

• 純粋なAngularJS（純粋なHTML 5）プロジェクトに最適なプロジェクトタイプはどれですか？
• Gruntの使用が推奨されていますか？または、MS Buildはビルドタスクを処理するのに優れていますか？ここでは、ファイルを1つの配布ファイルにリント、ミニファイ、連結して、おそらくWebサーバーにコピーしていると思います。
• どのようにテストを実行しますか？Jasminテストを実行するプラグインはありますか？Karmaを個別に実行しますか？
• AngularJSに適したテンプレートはありますか？ngBoilerplateを使用するものはありますか？

任意の助けいただければ幸いです。

私たちは同じ選択をすることができました。

私たちは以下を決定しました：

• ビルドプロセス全体がVisual Studioに依存しないようにします。私たちは、角度のある開発の世界で主流と見なされている使用ツールを選択しました。この方法では、コミュニティによるサポートを簡単に受けることができます。

• 可能な場合はエクスペリエンスを強化するために、利用可能な場合はビジュアルスタジオ拡張機能を使用する

どうやって ：

• 使用gruntしてくださいkarma。yeoman angular独自のビルドプロセスをセットアップするためのテンプレートとしてこれを使用してプロジェクトを足場しました。私たちのものはほとんどそのままです。

• Web Essentials 2013拡張機能をインストールします。拡張子は同じ使用.jscsして.jshintrc、あなたのことをgruntビルド用途。私たちは聞かせすることを決めたWeb Essentialsの2013年の拡張が扱う.lessことがよう保存上のファイルをindex.html参照することができますmain.cssし、何のビルドプロセスが必要とされません。

• ビジュアルスタジオエディターの設定が.jscsと.jshintrcフォーマットルール（間隔、行末など）に合っていることを確認してください。

また：

• テスト用のコマンドラインで実行karma watch（またはgrunt watch）します。

• Visual Studioから実行中のカルマテストに接続することは問題なく動作します。IEでテストを実行する必要があります。しかし、私たちはChrome開発ツールを頻繁に使用しています。

• ジャスミンWebランナーはまったく使用しません。カルマはあなたが必要とするすべてを持っています。

• 簡単にするために、アプリファイルはWebAPIプロジェクト内の/ static /にあります。この方法では、静的ファイルを提供するために別のサーバーは必要ありません。

• NTVSを使用してgrunt、karmaまたはVisual Studioからビルドプロセスに含まれるその他のツールをデバッグできます。

• CI（CCNet）との統合は簡単でした。ビルドを実行し、コンソールタイプのレポーターの代わりにjunitスタイルのレポーターを使用してテストを実行するタスクであるgrunt ciwhereを呼び出すだけciです。

• また、ビルドプロセスの実行がオプションであることを確認しました。ビルドプロセスは、distフォルダー内の要素をバンドルします。このフォルダーで統合テストを実行しますが、開発時には、未加工jsファイル（縮小または連結ではない）で実行します。yeoman angularテンプレートは、簡単にそこに私たちを得ました。

これが役に立てば幸い