CFSDN nhấn mạnh vào giá trị tạo ra nguồn mở và chúng tôi cam kết xây dựng nền tảng chia sẻ tài nguyên để mọi nhân viên CNTT có thể tìm thấy thế giới tuyệt vời của bạn tại đây.

Bài viết trên blog CFSDN IntellJ idea này sử dụng FileWatch để biên dịch ít file hơn trong thời gian thực, được tác giả sưu tầm và biên soạn. Nếu bạn quan tâm đến bài viết này thì nhớ like nhé.

Lời nói đầu.

Khi phát triển giao diện người dùng, tôi thường viết một số tệp less hoặc sass, nhưng những tệp này cần được biên dịch thành tệp css để có hiệu quả. Trước đây, một số công cụ xây dựng tự động đã được sử dụng để theo dõi các thay đổi trong tệp dự án trong thời gian thực, điều này đòi hỏi một số công cụ. cấu hình. Ý tưởng plug-in xem tập tin được sử dụng ở đây, không cần cấu hình bổ sung, rất đơn giản và tiện lợi.

vận hành.

Sự phụ thuộc.

• plug-in node.js và ý tưởng của nodejs
• plug-in xem tập tin
• Cài đặt ít hơn trên toàn cầu

Vị trí plugin.

Cấu hình xem tập tin.

1. Tạo một file less mới trong dự án.

Tạo một tập tin mới ít hơn.

2. Cấu hình xem tập tin của tập tin ít hơn.

Chúng ta có thể thấy ở đầu file có một người quan sát xem có nên mở file less hay không, bấm có.

Cấu hình xem tập tin của less.

Nhấp vào chèn macro ở phía ngoài cùng bên phải của đường dẫn đầu ra để xem các macro được xác định trước và nội dung mà chúng đại diện.

Chèn giao diện macro.

Kết xuất cuối cùng.

Cấu hình cuối cùng.

Bạn có thể thấy rằng less được biên dịch thành tệp css trong thời gian thực.

Biên dịch đồ thị trong thời gian thực.

thêm vào.

Xem tệp không chỉ có thể quan sát ít tệp hơn mà còn có thể xử lý các hoạt động theo dõi thay đổi tệp trong thời gian thực. Chúng ta có thể tự cấu hình nó trong cấu hình của ý tưởng.

vị trí xem tập tin.

Tôi không khuyên bạn nên sử dụng trình biên dịch sass ở giao diện người dùng, vì việc cài đặt trình biên dịch sass trên windows phụ thuộc vào rất nhiều thứ, bao gồm cả c++ và python. Mặc dù không có vấn đề gì khi sử dụng sass trên mac hoặc linux nhưng sẽ có vấn đề khi sử dụng nó trên windows. Less và sass có chức năng tương tự nhau và cuối cùng cả hai đều cần được biên dịch thành css. Với một công cụ hữu ích như vậy, tốt hơn là nên sử dụng less trực tiếp.

Tóm tắt.

Trên đây là phương pháp mà biên tập viên giới thiệu cho các bạn ý tưởng sử dụng filewatch để biên dịch ít tập tin hơn trong thời gian thực. Nếu có thắc mắc vui lòng để lại tin nhắn cho tôi và biên tập viên sẽ trả lời bạn. đúng lúc. Tôi cũng xin cảm ơn mọi người đã ủng hộ trang web của tôi! .

Link gốc: https://www.jianshu.com/p/03f6a26d6dcd.

Cuối cùng, bài viết này về phương pháp sử dụng FileWatch để biên dịch ít tệp hơn trong thời gian thực của ý tưởng IntellJ sẽ kết thúc tại đây. Nếu bạn muốn biết thêm về phương pháp sử dụng FileWatch để biên dịch ít tệp hơn trong thời gian thực của ý tưởng IntellJ, vui lòng tìm kiếm các bài viết về CFSDN hoặc tiếp tục duyệt. Bài viết liên quan, hy vọng bạn sẽ ủng hộ blog của tôi trong tương lai! .