So installieren Sie Font Awesome mit Angular 9 CLI

Blog

So installieren Sie Font Awesome mit Angular 9 CLI

Dieser Artikel konzentriert sich auf die Installation von Font Awesome mit Angular 9 CLI. Sie werden lernen, Font Awesome Angular 9 zu installieren. Dieser Artikel gibt Ihnen ein einfaches Beispiel für npm install font awesome Angular 9. Ich möchte Ihnen zeigen, wie Sie Font-ehrfürchtiges Angular 9 installieren. Sie müssen nur einige Schritte ausführen, um Angular 9 zu installieren tolle Symbole.

Icons ist eine Grundvoraussetzung für jedes Projekt. Symbole zeigen mehr an, Sie müssen kein Etikett dafür schreiben. Symbole machen auch ein schönes Layout unserer Anwendung. Wenn Sie in Ihrer Anwendung Symbole verwenden möchten, werden Sie es immer vorziehen, fantastische Symbole für Schriftarten zu verwenden. font-awesome bietet viele Symbole und Sie können es sehr einfach verwenden.

Also, ich denke, zum Beispiel, ich werde Schritt für Schritt lernen, wie man tolle Icons für Schriftarten in einer eckigen 9-Anwendung installiert. Es ist sehr einfach, aber für neue Entwickler, die verstehen können, wie es geht.

facebook suchleiste funktioniert nicht

Sehen wir uns die folgenden Schritte an:

Schritt 1: Neue App erstellen

Sie können Ihre eckige App ganz einfach mit dem folgenden Befehl erstellen:

ng new my-new-app

Schritt 2: Font-awesome installieren

In diesem Schritt müssen Sie nur font-awesome auf Ihrem Angular 9 installieren und die CSS-Datei in die Datei style.css importieren. Dies ist nur für den CSS-Import. So können Sie den folgenden Befehl ausführen:

npm install font-awesome --save

Schritt 3: CSS importieren

Nach erfolgreicher Installation von font-awesome müssen wir CSS-Dateien in die Datei angle.json importieren. Also fügen wir folgende Zeilen hinzu.

winklig.json

'$schema': './node_modules/@angular/cli/lib/config/schema.json', 'version': 1, 'newProjectRoot': 'projects', 'projects': { 'appFont': { .... 'assets': [ 'src/favicon.ico', 'src/assets' ], 'styles': [ 'node_modules/font-awesome/css/font-awesome.css', 'src/styles.css' ], ......

ODER, Sie können auch den Pfad wie folgt angeben, wenn oben nicht funktioniert:

'$schema': './node_modules/@angular/cli/lib/config/schema.json', 'version': 1, 'newProjectRoot': 'projects', 'projects': { 'appFont': { .... 'assets': [ 'src/favicon.ico', 'src/assets' ], 'styles': [ '../node_modules/font-awesome/css/font-awesome.css', 'src/styles.css' ], ......

Schritt 4: Verwenden Sie Font Awesome Icons

Jetzt sind wir bereit, Font Awesome-Klassen in unserer HTML-Datei zu verwenden. Fügen wir also folgenden Code in Ihre app.component.html-Datei ein.

wie man Kolibri-Krypto kauft

src/app/app.component.html

Lesen Sie auch: So fügen Sie Bootstrap in Angular 9 hinzu

Sie können die Anwendung ausführen.

Sie können auch von hier aus Symbole verwenden: Liste der Font Awesome Icons .

disney plus hilfezentrum code 83

Ich hoffe es kann dir helfen…

#eckig #webdev #javascript