如何使用TypeScript和AngularJS在Visual Studio 2015社区版中启动并运行？

Question

我以为我比这更聪明，但显然我不是。我是一名多年的软件开发经验。我曾经在谷歌担任工程师。我每天都在写作TypeScript。

我想做的就是将我的existing AngularJS website转换为使用TypeScript的网站，而不是我现在拥有的网站，这是使用Google Closure Compiler的纯JavaScript。我希望能够使用Visual Studio 2015 Community Edition进行编辑，类型检查等。理想情况下，我希望使用ASP.NET WebForms动态生成HTML文件，以便我可以做一些服务器端的聪明事物，但我并不认同这个想法。

我尝试过很多不同的教程，包括：

1. 发电机角打字稿-吞
2. Visual Studio 2015中的TypeScript，AngularJS，Gulp和Bower
3. 使用TypeScript和Visual Studio代码构建AngularJS应用程序
4. 在Visual Studio 2013中设置TypeScript和AngularJ
5. 在Visual Studio 2015中使用TypeScript和AngularJS构建Web应用程序

但这些都没有让我得到我需要的东西，其中包括：

1. 开箱即用，构建一个没有错误的应用程序。有些教程失败了，因为它们无法处理Windows的\ vs /问题。其他人，抱怨我没有安装git（即使我这样做）。其他的是为NPM和/或Gulp软件包的过时版本编写的，并且在逐字逐句后失败。
2. 所述申请必须以合理的现实方式构建，以便扩展。许多演练似乎是被黑客攻击的例子，并没有真正向你展示最佳实践。
3. 所述应用程序必须使用TypeScript模块，以便我可以将我的应用程序分解为多个可重用的组件。理想情况下，我能够将它们一起编译成单个输出js文件，但我在这里的尝试是灾难性的。
4. 所述应用程序必须可以使用Visual Studio进行编辑，其中包含最少数量的＆＃34;额外步骤＆＃34;需要与事物合作。一个理想的情况是只使用Visual Studio构建的darn事物，但是在输入npm或gulp命令或三个命令时我完全没问题。
5. 应用程序应该使用相对现代版本的TypeScript和AngularJS 1.x（我还没有为AngularJS 2.0做好准备）。

所以，在这里，我谦卑自己，要求认知如何做我认为本来应该容易做的事情。

你能指点我好的教程实际工作并提供我需要的方面，或者给我一些体面的逐步说明？< / p>

您可以使用Visual Studio，AngularJS，NPM，NuGet和TypeScript来熟悉我的熟悉程度。你也可能会认识到对Gulp，Grunt和Yeoman的熟悉程度。最后，您可能会认为我已经使用过JSPM，但是我已经将它与卡通式问号一起使用了。

我一直在尝试，一次又一次，月让它发挥作用。我不会声称自己是个天才，但我绝对不是傻瓜。在我看来，这应该很容易，但它在每一个转折点都让我感到困惑。帮帮我，欧比旺克诺比。你是我唯一的希望！

Jeff

P.S。包装经理的激增，我确信这是出于最好的意图，让我想起了this classic cartoon。