Rate this post

Trong phần này, chúng ta sẽ sử dụng Laravel để cài đặt font-awesome. Chúng ta sẽ thảo luận về một ví dụ đơn giản để hiểu việc sử dụng font-awesome trong laravel. Trong ví dụ sau, chúng tôi sẽ cài đặt font-awesome laravel 7.

Các bài viết liên quan:

Bây giờ, hãy hiểu quy trình từng bước để sử dụng laravel mix để cài đặt các biểu tượng phông chữ tuyệt vời. Phông chữ tuyệt vời có thể được cài đặt trong laravel theo hai cách, mà chúng tôi giải thích qua hai ví dụ. Trong ví dụ đầu tiên của chúng tôi, chúng tôi sẽ sử dụng lệnh npm và kết hợp laravel. Trong ví dụ thứ hai, chúng tôi sẽ sử dụng cdn js. Các biểu tượng phông chữ tuyệt vời có thể dễ dàng sử dụng trong các phiên bản laravel như 6, 7 và 8. Quy trình từng bước để cài đặt các biểu tượng như sau:

Ví dụ 1: Cài đặt bằng Namp

Đầu tiên, phiên bản mới nhất của laravel sẽ được cài đặt. Đối với điều này, lệnh sau sẽ được chạy.

composer create-project --prefer-dist laravel/laravel blog  

Bây giờ chúng ta sẽ sử dụng ứng dụng laravel và cài đặt npm. Đối với điều này, lệnh sau sẽ được sử dụng. Sử dụng lệnh này, thư mục mode_module sẽ được tạo trong thư mục gốc của chúng tôi, thư mục này sẽ lưu trữ tất cả các mô-đun npm.

npm install  

Bây giờ, chúng ta sẽ sử dụng lệnh npm sau và cài đặt thư viện font-awesome:

npm install font-awesome --save  

Sau khi cài đặt thành công thư viện này, chúng tôi sẽ sử dụng tệp app.scss và nhập phông chữ CSS tuyệt vời trên đó. Chúng ta có thể nhập nó bằng lệnh sau:

resource / sass / app.scss
@import "node_modules / font-awesome / scss / font-awesome.scss";

Bây giờ mọi thứ đã được cài đặt. Vì vậy, chúng ta có thể chạy lệnh npm dev. Chúng tôi sẽ sử dụng lệnh sau để chạy nó:

npm run dev

Trong đoạn mã sau, chúng tôi đang sử dụng tệp app.css đã tạo của chúng tôi trong tệp phiến của chúng tôi:

resource / views / welcome.blade.php

Bây giờ ứng dụng ở trên của chúng tôi đã sẵn sàng để chạy và hãy xem nó trên trang chủ. Sau khi chạy ứng dụng này, chúng ta sẽ nhận được bố cục như sau.

Ví dụ 2: Cài đặt bằng CDNJS

Bây giờ chúng ta sẽ thêm các biểu tượng phông chữ tuyệt vời bằng cách sử dụng tệp cdn js. Mã để thêm điều này được mô tả như sau:

resource / views / welcome.blade.php

Sau khi thực hiện bất kỳ ví dụ nào ở trên, chúng ta sẽ nhận được kết quả sau:

Leave a Reply

Call now
%d bloggers like this: