关闭

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

标签: visual studioasp.netmvcangularjs
3613人阅读 评论(3) 收藏 举报
分类:

安装准备

首先安装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再开再点,我就是这样全部装完的,全部装完以后才能运行。

运行成功
这里写图片描述

1
1
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

如何在 ASP.NET MVC 中集成 AngularJS(2)

过去两年中,我最喜欢的一项技术就是设计单页面应用(SPA)的 AngularJS。作为一个微软stack开发者,我也是使用 ASP.NET MVC 平台实现 MVC 设计模式和并进行研究的粉丝,包括它...
  • powertoolsteam
  • powertoolsteam
  • 2016-09-06 12:05
  • 1708

Visual Studio 2015,Angular2进行开发快速入门

本文介绍了在 Visual Studio 2015 的 ASP.NET 4.x 项目中,用 Angular 实现“快速起步”所需的步骤。 ASP.NET 4.x 项目 在 ...
  • feiying008
  • feiying008
  • 2016-11-01 15:02
  • 4136

Visual Studio 2015,Angular2进行开发快速入门

本文介绍了在 Visual Studio 2015 的 ASP.NET 4.x 项目中,用 Angular 实现“快速起步”所需的步骤。 ASP.NET 4.x 项目 在 ...
  • feiying008
  • feiying008
  • 2016-11-01 15:02
  • 4136

angularjs2 学习笔记(一) 开发环境搭建 (vs2013)

原文出处:http://www.cnblogs.com/oldkingsir/p/5497779.html 开发环境,vs2013 update 5,win7 x64,目前最新angular2版本...
  • chelen_jak
  • chelen_jak
  • 2017-01-18 10:23
  • 1428

vs2015开发.net core的环境准备

1、安装vs2015,并升级到update3 下载地址: http://download.microsoft.com/download/7/c/f/7cf151c3-b735-4e35-a1bb-...
  • tiana0
  • tiana0
  • 2017-01-24 13:02
  • 4596

ASP.NET MVC 5 (八) Visual Studio单元测试

这里记录如何使用Visual Studio的内置单元测试准备示例 创建单元测试项目 添加项目引用 添加单元测试 第一个单元测试 添加其他单元测试 运行单元测试并发现错误 实现特性 测试并修正代码准备示...
  • github_37410569
  • github_37410569
  • 2017-02-17 22:31
  • 840

ASP.NET Core MVC 和 Visual Studio入门(四)添加模型

ASP.NET Core MVC 和 Visual Studio入门(四)添加模型   Rick Anderson 和 Tom Dykstra   在要节中将添加一些在数据库中管理电影的类,这些类将成...
  • jhycjhyc
  • jhycjhyc
  • 2017-06-13 10:17
  • 784

ASP.NET Core MVC 和 Visual Studio入门(三) 添加视图

ASP.NET Core MVC 和 Visual Studio入门(三)   添加视图 本节将修改HelloWorldController类,从而使用Razor视图模板来干净利索地封装产生一个H...
  • jhycjhyc
  • jhycjhyc
  • 2017-05-29 23:17
  • 1126

docker4dotnet #3 在macOS上使用Visual Studio Code和Docker开发asp.net core和mysql应用

在macOS上使用Visual Studio Code,Docker和mysql开发asp.net core应用,借助dockerfile和docker-compose file构建完整应用。
  • ups216
  • ups216
  • 2016-07-28 12:00
  • 1243

ASP.NET 5系列教程 (五):在Visual Studio 2015中使用Grunt、Bower开发Web程序

基于Visual Studio 2015,你可以: 方便的管理前端包,如jQuery, Bootstrap, 或Angular。自动运行任务,如LESS、JavaScript压缩、JSLint、...
  • moonpure
  • moonpure
  • 2015-04-07 16:56
  • 1047
    个人资料
    • 访问:195361次
    • 积分:2030
    • 等级:
    • 排名:千里之外
    • 原创:65篇
    • 转载:23篇
    • 译文:1篇
    • 评论:121条
    文章分类
    最新评论