Angularjs2+ASP.NET MVC Core in Visual Studio 2015开发环境安装说明

安装准备

首先安装asp.net mvc core项目模板，没有安装之前创建项目的时候看到的是这个样子

点击确定即可开始下载安装包，写此文章的时候自动下载的版本是
DotNetCore.1.0.1-VS2015Tools.Preview2.0.3.exe，点击安装包开始安装模板（安装时请先关闭vs），尽管放心的安装，点一下就直接装好算我输。

千奇百怪的安装错误（这部分可以略过）

下面是一段遇山开山遇水架桥的过程，首先我看到的是

点击log file看看日志里的详细错误说明
最早出现错误代码0x80070057的位置的地方是：

[32D0:24A4][2017-02-15T09:51:53]e000: Error 0x80070057: Failed to CreateProcess on path: C:\ProgramData\Package Cache\8B4ACC662D4A8759AB418CA5F92FE4721D21B190\packages\DotNetCore.1.0.1-SDK.1.0.0.Preview2-003131-x64.exe[32D0:24A4][2017-02-15T09:51:53]e000: Error 0x80070057: Failed to execute EXE package.[2924:1D24][2017-02-15T09:51:53]e000: Error 0x80070057: Failed to configure per-machine EXE package.

我在网上找到了起对应的SDK安装包，先安装x86不成功，再安装x64成功，跟我的机器是64位有关吗？
DotNetCore.1.0.1-SDK.1.0.0.Preview2-003133-x64.exe
DotNetCore.1.0.1-SDK.1.0.0.Preview2-003133-x86.exe

装好SDK包后，再运行DotNetCore.1.0.1-VS2015Tools.Preview2.0.3.exe（后面的过程也一样）

点击log file

[0EFC:2654][2017-02-15T10:15:31]e000: Error 0x80070020: Failed to open payload at path: C:\ProgramData\Package Cache\.unverified\ANCM_IISExpress_x64[0EFC:2654][2017-02-15T10:15:31]e310: Failed to verify payload: ANCM_IISExpress_x64 at path: C:\ProgramData\Package Cache\.unverified\ANCM_IISExpress_x64, error: 0x80070020. Deleting file.[0EFC:2654][2017-02-15T10:15:31]e000: Error 0x80070020: Failed to cache payload: ANCM_IISExpress_x64

网上搜到一个相同问题的帖子：
http://stackoverflow.com/questions/41004025/visual-studio-tooling-error-installing-net-core-1-0-1
先把ANCM_IISExpress_x64下载下来试试

看log file

[2740:23C0][2017-02-15T10:25:28]i305: Verified acquired payload: DotNetVersionManager_x64 at path: C:\ProgramData\Package Cache\.unverified\DotNetVersionManager_x64, moving to: C:\ProgramData\Package Cache\{4EC36977-42B9-3C18-A692-B9DEE7404484}v1.0.11123.0\packages\DotNetVersionManager-x64_rc1.msi.[0994:191C][2017-02-15T10:25:28]e000: Error 0x80070642: BA aborted verify of payload: DotNetVersionManager_x64[0994:191C][2017-02-15T10:25:28]e314: Failed to cache payload: DotNetVersionManager_x64 from working path: C:\Users\yuexiang\AppData\Local\Temp\{EE0B1BF8-88A2-44DF-873B-856BCB20AFDD}\DotNetVersionManager_x64, error: 0x80070642.

下载DotNetVersionManager_x64试试

看log file

[1844:2B40][2017-02-15T10:38:52]w343: Prompt for source of package: WebToolsExtensionsVS14, payload: WebToolsExtensionsVS14, path: F:\软件仓库\VS2015\core\packages\WebToolsExtensionsVS14_69.msi[1844:2B40][2017-02-15T10:38:52]i338: Acquiring package: WebToolsExtensionsVS14, payload: WebToolsExtensionsVS14, download from: https://download.microsoft.com/download/F/6/E/F6ECBBCC-B02F-424E-8E03-D47E9FA631B7/packages/WebToolsExtensionsVS14_69.msi[23C4:1B1C][2017-02-15T10:38:52]e000: Error 0x80070653: Failed to install MSI package.

下载WebToolsExtensionsVS14_69.msi试试（这个装了好长时间）

[04CC:2AB0][2017-02-15T10:58:14]w343: Prompt for source of package: WebToolsExtensionsVS14, payload: WebToolsExtensionsVS14, path: F:\软件仓库\VS2015\core\packages\WebToolsExtensionsVS14_69.msi[04CC:2AB0][2017-02-15T10:58:14]i338: Acquiring package: WebToolsExtensionsVS14, payload: WebToolsExtensionsVS14, download from: https://download.microsoft.com/download/F/6/E/F6ECBBCC-B02F-424E-8E03-D47E9FA631B7/packages/WebToolsExtensionsVS14_69.msi[1AD4:0458][2017-02-15T10:58:15]e000: Error 0x80070653: Failed to install MSI package.

还是这个问题？在网上还有一个WebToolsExtensionsVS14.msi（200多M，先前那个69是100多M），再装一遍。

问题依然没有解决，（如果你跟我一样一条路走到黑地走到这个地方，这种安装方式可以宣告结束了，换一条路继续）

DotNetCore.1.0.1-VS2015Tools.Preview2.0.3文件安装不正常（的正解）

http://www.cnblogs.com/soldout/p/6098882.html
这个问题在9月份发布1.0.1的时候，估计很多人都遇到了。从现象上看似乎是MS忘记更换自家已经被吊销的SSL证书了，当然不排除被GFW不小心干掉的可能。好在经过两个多月的不懈努力，这个证书似乎已经正常了，所以现在主要拼的是网速了。（实际感受依然是这个证书的问题，跟网速没关系，改为脱机方法安装即成功）

在网速较好的环境下获取DotNetCore.1.0.1-VS2015Tools.Preview2.0.3的脱机布局，然后分发安装，具体的方法如下：

命令格式  \>DotNetCore.1.0.1-VS2015Tools.Preview2.0.3.exe /layout <布局存放的目录>sample:  \>DotNetCore.1.0.1-VS2015Tools.Preview2.0.3.exe /layout .\DotnetCoreTooling110

按照上图的方式执行，可以在当前目录创建一个DotnetCoreTooling110目录，你只要运行这个新创建目录下的DotNetCore.1.0.1-VS2015Tools.Preview2.0.3.exe文件就可以放心安装了。

（实践安装成功）

至此，ASP.NET MVC Core算是安装成功。

安装Angularjs2项目模板

http://blog.stevensanderson.com/2016/10/04/angular2-template-for-visual-studio/

.net core我们已经装好了，接下来安装
TypeScript 2.0 for Visual Studio 2015
Node.js version 4 or later.（就是比4更高的版本，直接装最新版本即可）

然后安装
ASP.NET Core Template Pack extension，点下面这个链接，直接down下来，双击。
https://marketplace.visualstudio.com/items?itemName=MadsKristensen.ASPNETCoreTemplatePack

安装完毕后，进入Visual Studio 2015就可以创建ASP.NET MVC Core Angularjs2项目了，如果你进VS2015后发现创建不了项目了，选择项目模板的地方是一个大白板，那就对了。 ASP.NET Core Template Pack extension安装完毕之后VS创建项目用的模板就全部都找不到了，如果你打开以前做的项目，就会提示“…未能正确加载XX包… ”，我也是这样，不知道为什么，网上有很多解决办法，实践后结论如下：

第一步：打开命令行工具

第二步：输入（正解）

devenv /ResetSettings

网上还有几种方法，实践证明（对于安装ASP.NET Core Template Pack v1.1.37后产生的无法创建项目问题）都无效
devenv /setup
devenv /resetuserdata
devenv /log

第三步：再安装 ASP.NET Core Template Pack v1.1.37

第四步：再打开VS2015，成功。

关于还原依赖项的问题

项目创建完毕，直接运行是会报错的，因为VS无法自动帮你把依赖的程序包都更细下载，虽然网上写的都是右键点一下自动还原，实践证明无效，必须手动一个个点。

展开npm节点，右键选中一个程序包，图中看不到“还原程序包”选项是因为我已经还原成功了（还原成功后，后面有个括号里面显示程序包的版本号，否则显示为未安装），右键一个个点吧，如果安装失败就继续点，反复点、编译一下再点，关了VS再开再点，我就是这样全部装完的，全部装完以后才能运行。

运行成功