在Visual Studio 2015 for Angular2上启动一个项目
我用stackoverflow extesively找出如何让Angular2在Visual Studio 2015专业工作。 没有真正的答案，但这是我发现的工作。 我已经看到了一堆，我的意思是如何让Visual Studio 2015 Pro与Angular2项目一起工作的一堆说明和示例。 现在，对于使用Visual Studio Community的所有说明，或者使用任何其他编辑器，都会产生一些困惑。 以下是我用自己的实验所得到的结果，也是Yakov Fain和Anton Moiseev撰写的“Angular 2 Development with Stylcript”一书的开头。 可从曼宁出版物。 无论如何，这是我的一个项目的基本设置。
首先安装Nodejs，这样可以将它用于你的包pipe理器。 不要通过NuGet搞砸，只需从网站上安装Windows安装包。 另外我也尝试了另一个pakcagepipe理器，但我认为Node有最新的软件包。 接下来你可以运行npm init，它会创build一个默认的package.json文件。 之后编辑它，使其看起来或多或less像下面这样：
{ "name": "helloworld", "version": "1.0.0", "description": "test npm setup", "main": "main.ts", "scripts": { "start": "live-server" }, "author": "name", "license": "ISC", "dependencies": { "angular2": "2.0.0-beta.0", "es6-promise": "^3.0.2", "es6-shim": "^0.33.3", "reflect-metadata": "0.1.2", "rxjs": "5.0.0-beta.0", "systemjs": "0.19.8", "zone.js": "0.5.10" }, "devDependencies": { "live-server": "^0.8.2", "typescript": "1.7.5" } } 现在你已经有了package.json文件，接下来是在你的项目目录中得到一个命令提示符并input以下命令：
Npm安装
这将创build一个node_modules文件夹，它将包含所有可用于angular2的包。
接下来，您需要进入project / properties / TypeScript Build部分，然后单击页面Module Module部分中的“CommonJS”。 接下来，您需要右键单击该项目并卸载它，右键单击并编辑。 查找以下部分：
<PropertyGroup Condition="'$(Configuration)' == 'Debug'">
靠近该部分的底部添加接下来的两行：
<TypeScriptEmitDecoratorMetadata>True</TypeScriptEmitDecoratorMetadata> <TypeScriptExperimentalDecorators>True</TypeScriptExperimentalDecorators>
好的，我们差不多完成了。 您需要走下node_modules文件夹并find：
/node_modules/typescript/lib/typescript.d.ts
通过右键单击它并select包含在项目中，将其包含在您的项目中。 我认为这样做有一些变化，使得VS安装打字稿与Angular2一起工作，不足以让一位专家知道，在经过一系列试验之后才知道是主要的错误。 现在我也因为我不喜欢看到红色的Squared，进入Index.html或者什么你叫你的启动HTML页面，并find我的每个包括的来源，并包括他们，不是必要的只是less刺激性。 这里是包括我有一个基本的应用程序：
<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script> <script src="node_modules/typescript/lib/typescript.js"></script> <script src="node_modules/systemjs/dist/system.src.js"></script> <script src="node_modules/rxjs/bundles/Rx.js"></script> <script src="node_modules/angular2/bundles/angular2.dev.js"></script>
我不能相信我花了多less小时才得出这个结论。 我读了多种不同的，有时是相互冲突的方式来完成这项工作。 我希望这可以帮助新手克服驼峰！
@ M.Gamble – 假设您使用ASP.NET Core Web应用程序使用VS 2015运行Angular 2，然后按照以下链接http://www.mithunvp.com/angular-2-in-asp-net-5-typescript-视觉工作室-2015 /
如果你在寻找ASP.NET MVC 5，那么通过上面链接的评论部分。 他们可能会帮助你。
在最近的一些实验之后，我发现如果将tsconfig.json文件添加到项目的根目录中，则可以避免在项目文件中设置键。 如果Visual Studio 2015find一个tsconfig文件，它将使用它并灰显属性的正常TypeScript构build部分。 一个警告，如果你添加一个，你开始你的项目后，你可能不得不退出该项目，甚至重新启动VS.