VUE導入icomoon色のアイコン、スタイラスファイル

https://icomoon.io/に1.、右上には、入力するために「IconMoonアプリケーション」を選択します。
2.インポートアイコンをクリックして、あなたがSVGのアイコンを生成したいファイルを選択します。

3.アイコンを選択した後、フォントを生成し、右下隅をクリックし、アイコンの名前を入力するように設定することができます。

スタイラスiconmoon選択好み5.。フォント名は、ダウンロード後のファイル名に使用することができます。各アイコンは、統一された接頭辞を持っていた後、クラスの接頭辞です。
[ダウンロード]をクリックします6.、次のファイルを解凍します。

7.一般的なフォントはsrcディレクトリにフォルダ。フォルダと共通カタログにスタイラスを追加します。その中のファイルやstyle.stylのvariables.stylファイルをコピーします。次のように私のプロジェクトのディレクトリを（Style.stylがicon.stylを変更することができます）：

？8.変更variables.stylをicomoon-フォントパスに=「... /フォント」 パスがパスフォントです。
9. main.jsで輸入「./common/stylus/icon.styl」を導入し、
プロジェクト内のアイコンを参照したら10。

<template>
  <div id="app">
    <div>
      <span class="icon-bili">
        <span class="path1"></span>
        <span class="path2"></span>
      </span>
      <span>icon-bili</span>
    </div>
  </div>
</template>
<style lang="stylus">
</style>

11. 結果は以下の通りであります：
    

https://github.com/Gesj-yean/vue-demo-collection文書の使用より優れたプラグイン。学生はどうもありがとうございましたことができ、私の一番上のブログを見て時間を持っています。