介绍
ember-material-design-icons-shim 是一种用于流行的 web 框架 Ember.js 的 npm 包，它利用 Google Material Design 图标提供了一个易于使用和高质量的 iconfont。
安装
可以使用 npm 来安装这个包，只需要运行以下命令：
npm install --save ember-material-design-icons-shim
使用
使用 Material Design 图标包的方法与使用其他图标包类似。首先，需要在项目中引入类型为 ember-app 的项目定义文件 (ember-cli-build.js)。然后可以通过使用 shim 配置来配置 Material Design Icon 的路径和文件名。
-- -------------------- ---- -------
-- ------------------
----- -------- - --------------------------------------------
-------------- - -------- ---------- -
--- --- - --- ------------------ -
-- --- ------- ----
------------------------ -
--------------------- -----
--
------------------------- -
---------- ----
--
--------------------- -
---------- ----
--
-- --- ---- ------- -- ------- ---- -------- ------ -----
---------------------------------- -
-------- -
--------------------------
--------------------
-
-
---
------ -------------
--可以通过调用 {{icon}} helper 来在 Ember 的组件或模板中使用 Material Design 图标。传递图标名称（格式为 “-ic_”）并包装一个带有类“material-icons”的元素。
-- -------------------- ---- -------
----- --------------- ----
---- ----------------
----- ---------
------- ------------ -------- -------- ------------------------- -------------------------
-------
------------------
----- ---------
------- ------------ -------- ---------------
------ -------------------- ----------- -----------------------------
---------
-------
------给前端初学者的建议
在学习使用 Material Design Icon 的时候，需要确保掌握了它的主要概念。同时，我们也可以使用 npm 包管理来简化添加和更新 Material Design 图标的过程，使其更加方便可靠。
总结
ember-material-design-icons-shim 是一个流行的前端工具，它为 web 应用的 iconfont 提供了一个高质量而且易于使用的方法。理解并掌握 Material Design Icon 的概念和使用方法，可以帮助我们更好地实现自己的项目。
示例代码
在你的 Ember 应用中通过具体的示例代码来演示 Material Design Icon 的使用方法。
{{!-- index.hbs --}}
<div>
<p>This is an example of using Material Design Icon with Ember.js.</p>
{{icon "action-ic_view_headline" tagName="i" classNames="material-icons"}}
</div>来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e1da563576b7b1eccd5