【问题标题】:Use Google Material UI in ASP Net CORE MVC project在 ASP Net CORE MVC 项目中使用 Google Material UI
【发布时间】:2019-12-01 23:32:38
【问题描述】:

如何将 Google Material 图标添加到 MVC Net Core 项目中? 我通过添加所有 zip 文件在我的项目文件夹中按照这些说明进行操作。只是好奇下一步是什么?

https://google.github.io/material-design-icons/

npm install material-design-icons

下面的这个链接已经过时了。

How to use Material-UI in asp.net mvc project

目前使用 MVC Core Net Core 2.2。公司不想申请 CDN URL 路由。

【问题讨论】:

标签: javascript c# css asp.net-core material-design


【解决方案1】:

我使用了这 3 个简单的步骤并为我工作

  1. 转到this cdn 并在其中下载所有谷歌字体文件
  2. 将你下载的所有css文件复制到css文件夹中
  3. wwwroot 中创建一个名为fonts 的文件夹,并复制您下载的其他文件(字体文件)

它已准备好使用 只需将 css 链接添加到您的项目即可享受

【讨论】:

    【解决方案2】:

    如果您使用npm 安装,它会创建一个名为node_modules 的文件夹(可能隐藏在解决方案资源管理器中,单击Show All Files 按钮进行检查)。

    您必须编写一些脚本(gulp、grunt 等)将文件从 node_modulesdirectory 移动到 wwwroot/lib 文件:

    How to use npm with ASP.NET Core

    How to install font-awesome in Visual Studio 2017 using ASP.NET Core v2

    如果使用 gulp ,您可以尝试:

    gulp.task('copy', ["clean"], function () {
        return gulp.src(['./node_modules/material-design-icons/iconfont/*'], {
            base: 'node_modules'
        }).pipe(gulp.dest('./wwwroot/lib'));
    });
    

    并且可以引用_Layout.cshtml中的css文件。

    注意:目前使用 Library Manager(LibMan) 来恢复 material-design-icons 在我的测试中总是失败。

    【讨论】:

      猜你喜欢
      • 2015-07-29
      • 1970-01-01
      • 2016-04-28
      • 2019-06-03
      • 1970-01-01
      • 2018-01-03
      • 1970-01-01
      • 2021-04-01
      • 1970-01-01
      相关资源
      最近更新 更多