Brackets cho Linux 1.14 Trình soạn thảo mã nguồn cho website

Brakets 1.14 là công cụ viết mã nguồn đa nền tảng, có mặt trên cả Windows, Linux và Mac, hướng tới người dùng là những nhà lập trình viên front-end và những nhà thiết kế web.

Giao diện chính của công cụ lập trình web Brackets

Download Brackets trên Windows

Download Brackets cho Mac

Mặc dù là một công cụ soạn thảo mã nguồn và có thể được sử dụng để code bất cứ nhu cầu nào của người dùng nhưng Brackets được tối ưu hóa cho ngôn ngữ HTML, CSS và JavaScript (cũng như những ngôn ngữ phái sinh của nó như SASS, Less, CoffeeScript...). Những nhà phát triển sử dụng ngôn ngữ Ruby, Python hay PHP có lẽ nên tìm tới trình soạn thảo mã nguồn Komodo.

Những tính năng chính của công cụ viết mã nguồn Brackets

• Soạn thảo nhanh chóng.
• JSLint.
• Tính năng Quick Edit cho phép chỉnh sửa nhanh chóng.
• Mã nguồn mở.
• Tính năng Live Preview mạnh mẽ.
• Trích xuất trực tiếp từ PSD.
• Giao diện đồ họa hấp dẫn.
• Highlight cú pháp và tự động hoàn chỉnh.

Video hướng dẫn cài đặt Brackets trên Ubuntu 14.04 và Linux Mint 17

Điểm mới trong Brackets 1.6

• Thêm flip-view dễ dàng chuyển file giữa các bảng điều khiển.
• Nút đóng Close button cho phép đóng 1 file đang làm việc từ cửa sổ riêng.
• Chế độ xem Split View cho phép mở 1 file trên 2 bảng điều khiển để so sánh các phần.
• Các gợi ý JavaScript code được cải thiện để hiển thị nhiều thông tin hơn như loại file, các file liên quan với chức năng (hoặc biến), đi kèm với hyperlink.
• Chuyển đổi giữa các bảng điều khiển và chế độ tập trung. Chế độ tập trung có thể được kích hoạt bằng tổ hợp phím tắt Ctrl+Shift+2 cho phép ẩn toolbar sang bên phải giao diện. Các bảng điều khiển cũng có thể chuyển đổi qua lại bằng tổ hợp phím tắt Ctrl+Shift+~.

Tính năng Quick Edit

Một trong những tính năng nổi bật nhất của Brakets là khả năng nhanh chóng biên tập một số yếu tố nhất định như các lớp (class) CSS hay các chức năng của JavaScript. Thay vì phải tìm kiếm một lớp nào đó trong hàng ngàn dòng CSS, người dùng chỉ cần sử dụng tổ hợp phím Ctrl + E để tìm kiếm (trong tất cả các dòng của thư mục đang mở) và Brackets sẽ chỉ ra lớp mà bạn đang cần tìm để chỉnh sửa.

Tính năng Quick Edit cho phép chỉnh sửa nhanh và xem trước màu

Việc rê chuột trên những yếu tố nhất định trong thư mục đang mở cũng sẽ khiến Brackets hiện ra một cửa sổ popup, mang đến cho người dùng khả năng thay đổi màu sắc nhanh chóng mà không cần phải tải lại trang.

Tính năng Live Preview

Khi làm việc với Brackets trên trình duyệt, người dùng có thể sử dụng tính năng Live Preview để phần mềm tự tải những thay đổi khi có những chỉnh sửa trên CSS hoặc lưu lại tập tin HTML. Điều này mang đến cho người dùng khả năng đánh dấu những đoạn cú pháp nhất định trên trình soạn thảo và cập nhật những thay đổi đó ngay lập tức trên trang web của mình mà không cần phải thực hiện thao tác lưu. Công cụ này rất tiện ích cho nhà lập trình vì nó sẽ nhanh hơn nhiều việc phải chuyển sang trình duyệt và tải lại trang để xem những thay đổi mình vừa thực hiện.

Thấy thay đổi ngay trên trang mà không cần tải lại với tính năng Live Preview

Các phần mở rộng

Với Brakets, người dùng có thể dễ dàng cài đặt thêm các phần mở rộng (extensions) bằng cách click vào biểu tượng thứ hai trong thanh công cụ phía bên phải. Nhưng hãy chú ý là việc cài đặt các phần mở rộng này cần phải có sự phù hợp theo từng phiên bản khác nhau của Linux. Dù số lượng các phần mở rộng không thực sự nhiều nhưng chúng đều mang tới hiệu quả khá tốt cho việc soạn thảo mã nguồn.

Phần mở rộng làm việc với ngôn ngữ JavaScript

Với phiên bản Linux, việc cài đặt các phần mở rộng chưa được hỗ trợ nhưng bạn có thể tải riêng các phần mở rộng đó và giải nén chúng vào file ~/.Brackets/extensions/user và khởi động lại để bắt đầu sử dụng.

Xử lý hình ảnh

Dù là một trình soạn thảo mãn guồn khá tốt, Brackets lại không có khả năng mở hình ảnh hay khả năng định nghĩa ứng dụng để mở các tập tin tương tự. Tính năng này vẫn đang được chỉnh sửa cho phiên bản Linux, và trong thời gian hiện tại, tính năng Show in OS sẽ cho phép người dùng mở những tập tin làm việc của mình trong trình quản lý file một cách thủ công. Tuy vậy, người dùng vẫn có thể xem trước hình ảnh bằng cách rê chuột trên đường dẫn của thuộc tính HTML img src.

Khả năng xử lý hình ảnh và công cụ Show in OS

Brackets đang phát triển rất nhanh với sự giúp đỡ từ Adobe cũng như cộng đồng người dùng ngày càng lớn mạnh của Brakets. Khi những lỗi liên quan tới phiên bản Linux và những tính năng còn thiếu được bổ sung thì Brackets sẽ trở thành một giải pháp tuyệt vời cho những ai đang tìm kiếm một phần mềm mã nguồn mở hỗ trợ thiết kế website và hoàn toàn miễn phí.

Nguyễn Thúy