Trình soạn thảo mã Bluefish là một ứng dụng được sử dụng để phát triển các trang web và tập lệnh. Nó không phải là một trình soạn thảo WYSIWYG. Bluefish là công cụ được sử dụng để chỉnh sửa mã mà một trang web hoặc tập lệnh được tạo từ đó. Nó dành cho các lập trình viên có kiến thức về viết mã HTML và CSS và có các chế độ làm việc với các ngôn ngữ kịch bản phổ biến nhất như PHP và Javascript, cũng như nhiều ngôn ngữ khác. Mục đích chính của trình soạn thảo Bluefish là làm cho việc viết mã dễ dàng hơn và giảm lỗi. Bluefish là phần mềm miễn phí và mã nguồn mở và các phiên bản có sẵn cho Windows, Mac OSX, Linux và nhiều nền tảng giống Unix khác. Phiên bản tôi đang sử dụng trong hướng dẫn này là Bluefish trên Windows 7.
01 trên 04
Giao diện Bluefish
Giao diện Bluefish được chia thành nhiều phần. Phần lớn nhất là cửa sổ chỉnh sửa và đây là nơi bạn có thể chỉnh sửa trực tiếp mã của mình. Ở phía bên trái của bảng chỉnh sửa là bảng điều khiển bên, thực hiện các chức năng tương tự như trình quản lý tệp, cho phép bạn chọn các tệp bạn muốn làm việc và đổi tên hoặc xóa tệp.
Phần tiêu đề ở trên cùng của cửa sổ Bluefish chứa một số thanh công cụ, có thể được hiển thị hoặc ẩn thông qua menu Xem.
Thanh công cụ là thanh công cụ chính, chứa các nút để thực hiện các chức năng phổ biến như lưu, sao chép và dán, tìm kiếm và thay thế, và một số tùy chọn thụt lề mã. Bạn sẽ nhận thấy rằng không có nút định dạng nào như in đậm hoặc gạch dưới.
Đó là bởi vì Bluefish không định dạng mã, nó chỉ là một trình soạn thảo. Bên dưới thanh công cụ chính là thanh công cụ HTML và menu đoạn trích. Các menu này chứa các nút và menu phụ mà bạn có thể sử dụng để tự động chèn mã cho hầu hết các phần tử và chức năng ngôn ngữ.
02 trên 04
Sử dụng Thanh công cụ HTML trong Bluefish
Thanh công cụ HTML trong Bluefish được sắp xếp theo các tab tách các công cụ theo thể loại. Các tab là:
- Quick Bar - bạn có thể ghim các công cụ khác vào tab này cho các mục mà bạn sử dụng thường xuyên.
- HTML 5 - cung cấp cho bạn quyền truy cập vào các thẻ và phần tử phổ biến trong HTML 5.
- Các tùy chọn định dạng HTML phổ biến - tiêu chuẩn được truy cập trên tab này.
- Định dạng - các tùy chọn định dạng ít phổ biến hơn được tìm thấy ở đây.
- Bảng - các hàm tạo bảng khác nhau, bao gồm cả trình hướng dẫn bảng.
- Danh sách - công cụ để tạo danh sách được sắp xếp, sắp xếp thứ tự và định nghĩa.
- CSS - bảng định kiểu có thể được tạo từ tab này cũng như mã bố cục.
- Biểu mẫu - các phần tử biểu mẫu phổ biến nhất có thể được chèn từ tab này.
- Phông chữ - tab này có các phím tắt để hoạt động với phông chữ trong HTML và CSS.
- Khung - các chức năng phổ biến nhất để làm việc với biểu mẫu.
Nhấp vào từng tab sẽ làm cho các nút liên quan đến danh mục có liên quan xuất hiện trong thanh công cụ bên dưới các tab.
03 trên 04
Sử dụng Menu Snippets Trong Bluefish
Bên dưới thanh công cụ HTML là một menu được gọi là thanh đoạn mã. Thanh menu này có các menu phụ liên quan đến nhiều ngôn ngữ lập trình khác nhau. Mỗi mục trên menu chèn mã thường được sử dụng, chẳng hạn như các tài liệu HTML và thông tin meta chẳng hạn.
Một số mục menu linh hoạt và tạo mã tùy thuộc vào thẻ bạn muốn sử dụng. Ví dụ: nếu bạn muốn thêm khối văn bản được định dạng sẵn vào trang web, bạn có thể nhấp vào menu HTML trong thanh đoạn mã và chọn mục menu "bất kỳ thẻ được ghép nối" nào.
Nhấp vào mục này sẽ mở một hộp thoại nhắc bạn nhập thẻ bạn muốn sử dụng. Bạn có thể nhập “pre” (không có dấu ngoặc nhọn) và Bluefish chèn thẻ mở và đóng “pre” vào tài liệu:
pre>.04/04
Các tính năng khác của Bluefish
Trong khi Bluefish không phải là trình soạn thảo WYSIWYG, nó có khả năng cho phép bạn xem trước mã của bạn trong bất kỳ trình duyệt nào bạn đã cài đặt trên máy tính của mình. Nó cũng hỗ trợ tự động hoàn thành mã, tô sáng cú pháp, công cụ gỡ lỗi, hộp đầu ra tập lệnh, plugin và mẫu có thể cung cấp cho bạn một bước khởi đầu để tạo tài liệu mà bạn thường xuyên làm việc.