つの簡単なステップで角度+ Fontawicious


つの簡単なステップで角度+ Fontawicious


段階的な角度チュートリアル
FontAwesome は、再設計されており、ゼロから構築されたインターネットで最も人気のあるアイコンツールキットです.これの上に、アイコンフォントライガー、SVGフレームワーク、反応のような人気のフロントエンドライブラリの公式NPMパッケージ、および新しいCDNへのアクセスのような機能.
このポストでは、私はあなたにFontawamyを構成する方法を示します.
これらの手順では、特定のAngular package . 将来のポストでは、それはさらに簡単です公式パッケージを使用して構成され、私たちは同じ角度の生態系で働くFontaWarmがあります.

ステップ1(または0)。プロジェクトに


あなたの角度プロジェクトでFontaWamyを使用することについて考えている場合は、おそらく初期化プロジェクトが既にあります.しかし、このチュートリアルでは、最初からプロジェクトを始めましょう.

手順2。インストール


FontawWousをインストールします.

ステップ3。インファント


プロジェクトにはFontaWarmを含める方法がいくつかあります.
  • オープン角度.スタイルの配列に新しいエントリを挿入します.
  • オープンスタイル.scssとファイルに新しいエントリを挿入する

  • ステップ4。CSSクラスを追加


    テンプレートのコンポーネントを開き、HTML要素のいずれかでFontaWeight CSSクラスを追加します.

    ステップ5。あなたのアプリケーションを実行する!


    あなたのアプリケーションを実行します
    ng serve

    より多くの.

  • Fontawesome
  • このポストのGithub支店はhttps://github.com/Caballerog/angular-fontawesome-1
    当初公開https://www.carloscaballero.io 2019年9月3日.