Angular 9 CLI를 사용하여 Font Awesome을 설치하는 방법
이 기사는 Angular 9 CLI를 사용하여 멋진 글꼴을 설치하는 방법에 중점을 둡니다. 멋진 글꼴 설치 Angular 9를 배우게 됩니다. 이 기사에서는 npm 설치 글꼴 멋진 Angular 9의 간단한 예를 제공합니다. 글꼴이 멋진 Angular 9를 설치하는 방법을 보여 드리고 싶습니다. Angular 9 설치 글꼴을 완료하려면 몇 가지 단계만 거치면 됩니다. 멋진 아이콘.
아이콘은 각 프로젝트의 기본 요구 사항입니다. 아이콘은 더 많은 것을 나타내므로 레이블을 작성할 필요가 없습니다. 아이콘은 또한 애플리케이션의 아름다운 레이아웃을 만듭니다. 응용 프로그램에서 아이콘을 사용하려는 경우 항상 멋진 글꼴 아이콘을 사용하는 것을 선호할 것입니다. font-awesome은 많은 아이콘을 제공하며 매우 쉽게 사용할 수 있습니다.
그래서 예를 들어 Angular 9 응용 프로그램에 글꼴 멋진 아이콘을 단계별로 설치하는 방법을 배울 것입니다. 매우 간단하지만 어떻게 할 수 있는지 이해할 수 있는 새로운 개발자를 위한 것입니다.
showtimeanytime/활성화 코드 입력
다음 단계를 살펴보겠습니다.
1단계: 새 앱 만들기
다음 명령을 사용하여 각도 앱을 쉽게 만들 수 있습니다.
ng new my-new-app 2단계: font-awesome 설치
이 단계에서는 Angular 9에 font-awesome을 설치하고 css 파일을 style.css 파일로 가져오기만 하면 됩니다. 이것은 CSS 가져오기 전용입니다. 아래 명령을 실행할 수 있습니다.
npm install font-awesome --save 3단계: CSS 가져오기
font-awesome을 성공적으로 설치한 후 angular.json 파일에 CSS 파일을 가져와야 합니다. 그래서 거기에 다음 줄을 추가합시다.
angular.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' ], ...... 또는 위의 방법이 작동하지 않는 경우 다음과 같이 경로를 지정할 수도 있습니다.
'$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' ], ...... 4단계: 멋진 글꼴 아이콘 사용
이제 html 파일에서 멋진 글꼴 클래스를 사용할 준비가 되었습니다. 따라서 app.component.html 파일에 다음 코드를 추가해 보겠습니다.
etoro에서 emax를 구매하는 방법
src/app/app.component.html
더 읽어보기: Angular 9에서 부트스트랩을 추가하는 방법
응용 프로그램을 실행할 수 있습니다.
여기에서 아이콘을 사용할 수도 있습니다. 글꼴 멋진 아이콘 목록 .
ols 회귀 결과를 해석하는 방법
나는 그것이 당신을 도울 수 있기를 바랍니다…
#각도 #webdev #자바스크립트