在 Visual Studio 2015 年将 Angular Material 添加到 ASP.NET 核心项目
Add Angular Material to ASP.NET CORE project in Visual Studio 2015
我在将 Angular Material 添加到我们的 ASP.NET 核心项目时遇到了一些困难。我尝试了几种添加方法:
- 通过 Nuget - 虽然有一个包,但 NuGet 没有下载任何东西
- 通过 Bower - 根据 Microsoft 的文档,这是现在使用客户端包的首选方式。但是当我在Bower package mannager ui中搜索它时,它找不到它。与 bower.json 文件相同。
那么如何将它添加到项目中呢?我们需要用 angular material.
替换我们(新)项目中的所有 Bootstrap 引用
谢谢,
希隆
只需在 bower.json 文件的新行中开始输入 angular,angular 包就会出现在智能感知中。当您在包名称后键入冒号并点击 space 栏时,稍等片刻,该包的所有可用版本将显示在智能感知中。
当您保存文件时,Visual Studio会自动运行 bower install
命令下载包并将其保存到文件.bowerrc 中目录设置中定义的位置。
要查看 bower.json 和 .bowerrc 文件,您必须 select "Show All Files" 在解决方案资源管理器中。
也许这篇文章能帮到你:
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
我在将 Angular Material 添加到我们的 ASP.NET 核心项目时遇到了一些困难。我尝试了几种添加方法:
- 通过 Nuget - 虽然有一个包,但 NuGet 没有下载任何东西
- 通过 Bower - 根据 Microsoft 的文档,这是现在使用客户端包的首选方式。但是当我在Bower package mannager ui中搜索它时,它找不到它。与 bower.json 文件相同。
那么如何将它添加到项目中呢?我们需要用 angular material.
替换我们(新)项目中的所有 Bootstrap 引用谢谢,
希隆
只需在 bower.json 文件的新行中开始输入 angular,angular 包就会出现在智能感知中。当您在包名称后键入冒号并点击 space 栏时,稍等片刻,该包的所有可用版本将显示在智能感知中。
当您保存文件时,Visual Studio会自动运行 bower install
命令下载包并将其保存到文件.bowerrc 中目录设置中定义的位置。
要查看 bower.json 和 .bowerrc 文件,您必须 select "Show All Files" 在解决方案资源管理器中。
也许这篇文章能帮到你: 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