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

前端之家收集整理的这篇文章主要介绍了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,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,path: F:\软件仓库\VS2015\core\packages\WebToolsExtensionsVS14_69.msi
[04CC:2AB0][2017-02-15T10:58:14]i338: Acquiring package: 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再开再点,我就是这样全部装完的,全部装完以后才能运行。

运行成功

原文链接:https://www.f2er.com/angularjs/148102.html

猜你在找的Angularjs相关文章