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

Question

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

1. Via Nuget - 虽然有一个包，但NuGet没有下载任何内容
2. Via Bower - 根据微软的文档，这是使用客户端软件包的首选方式。但是当我在Bower包mannager ui中搜索它时，它找不到它。与bower.json文件相同。

那么如何将其添加到项目中？我们需要用角度材料替换我们（新）项目中的所有Bootstrap引用。

感谢，

ashilon

Answer 1

刚开始在bower.json文件的新行中键入angular，角度包将出现在intellisense中。当您在包名称后键入冒号并点击空格键时，请给它一秒钟，该包的所有可用版本将显示在intellisense中。

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

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

Answer 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