在 Visual Studio 2015 中将 Angular Material 添加到 ASP.NET CORE 项目答案

【问题标题】：Add Angular Material to ASP.NET CORE project in Visual Studio 2015在 Visual Studio 2015 中将 Angular Material 添加到 ASP.NET CORE 项目
【发布时间】：2016-08-04 21:48:45
【问题描述】：

我在将 Angular Material 添加到我们的 ASP.NET CORE 项目时遇到了一些困难。我尝试了几种方法来添加它：

通过 Nuget - 虽然有一个包，但 NuGet 没有下载任何东西
Via Bower - 根据 Microsoft 的文档，现在这是使用客户端包的首选方式。但是当我在 Bower 包管理器 ui 中搜索时，却找不到。与 bower.json 文件相同。

那么如何将它添加到项目中呢？我们需要用角材料替换我们（新）项目中的所有引导程序引用。

谢谢，

阿什隆

【问题讨论】：

标签： visual-studio-2015 asp.net-core angular-material

【解决方案1】：

只需在 bower.json 文件的新行中输入 angular，角度包就会出现在智能感知中。当您在包名称后键入冒号并按空格键时，再给它一秒钟，该包的所有可用版本都将以智能感知显示。

保存文件时，Visual Studio 会自动运行bower install 命令下载包并将其保存到文件.bowerrc 中目录设置中定义的位置。

要查看 bower.json 和 .bowerrc 文件，您必须在解决方案资源管理器中选择“显示所有文件”。

【讨论】：

它确实找到了 Angular 包，但它没有找到 Angular-Material 包。我真的对此感到绝望。
我的发现它和 100 个其他 Angular 包一起出现。最新版本是 1.0.9。尝试将 "angular-material": "1.0.9" 添加到您的 bower.json 文件中。
宾果游戏！尽管在我的情况下，Visual Studio 没有在 bower.json 文件中列出角度材料，但我所要做的就是，嗯....保存文件。并且安装了包含依赖项的包 taddaaaa。非常感谢各位。

【解决方案2】：

也许这篇文章会对您有所帮助： Angular Material – Using with Angular 2 and ASP.NET Core 1.0

第 2 步：打开包含 package.json 的命令提示符并运行以下命令以安装 Angular Material 组件。我现在正在安装所有可用的软件包。

安装 Material NPM 包的命令

npm install --save @angular2-material/core @angular2-material/button @angular2-material/card  @angular2-material/checkbox @angular2-material/grid-list @angular2-material/icon @angular2-material/input @angular2-material/list @angular2-material/progress-bar @angular2-material/progress-circle @angular2-material/radio @angular2-material/sidenav  @angular2-material/tabs @angular2-material/toolbar

【讨论】：