Brackets

Sự miêu tả

Với các công cụ trực quan tập trung và hỗ trợ bộ xử lý trước, Brackets là một trình soạn thảo văn bản hiện đại giúp bạn dễ dàng thiết kế trong trình duyệt. Hãy thử Creative Cloud Extract (xem trước) cho Brackets để có một cách dễ dàng để có được CSS sạch sẽ, tối thiểu ngay từ PSD mà không cần mã được tạo.

Nhận gợi ý mã từ PSD

Phần mở rộng Extract for Brackets (Xem trước) cho phép bạn lấy ra thông tin thiết kế từ PSD bao gồm màu sắc, phông chữ, độ dốc và thông tin đo lường dưới dạng CSS rõ ràng, tối thiểu thông qua gợi ý mã ngữ cảnh. Bạn cũng có thể trích xuất các lớp dưới dạng hình ảnh, sử dụng thông tin từ PSD để xác định các biến tiền xử lý và dễ dàng lấy kích thước giữa các đối tượng.

Trình chỉnh sửa nội tuyến

Thay vì nhảy giữa các tab tệp, Brackets cho phép bạn mở một cửa sổ vào mã mà bạn quan tâm nhất. Bạn muốn làm việc trên CSS áp dụng cho một ID cụ thể? Đặt con trỏ chuột của bạn vào ID đó, nhấn Command/Ctrl + E và Dấu ngoặc sẽ hiển thị cho bạn tất cả các bộ chọn CSS có ID đó trong một cửa sổ nội tuyến để bạn có thể làm việc song song với mã của mình mà không có bất kỳ cửa sổ bật lên nào.

Xem trước trực tiếp

Nhận kết nối thời gian thực với trình duyệt của bạn. Thực hiện các thay đổi đối với CSS và HTML và bạn sẽ thấy ngay những thay đổi đó trên màn hình. Đồng thời xem nơi bộ chọn CSS của bạn đang được áp dụng trong trình duyệt bằng cách chỉ cần đặt con trỏ của bạn vào đó. Đó là sức mạnh của một trình soạn thảo mã với sự tiện lợi của các công cụ dành cho nhà phát triển trong trình duyệt.

Hỗ trợ tiền xử lý

Làm việc với các bộ tiền xử lý theo một cách hoàn toàn mới. Chúng tôi biết bộ tiền xử lý quan trọng như thế nào đối với quy trình làm việc của bạn. Đó là lý do tại sao chúng tôi muốn biến Brackets trở thành trình soạn thảo mã tốt nhất cho các bộ tiền xử lý hiện có. Với Brackets, bạn có thể sử dụng Quick Edit và Live Highlight với các tệp LESS và SCSS của bạn, điều này sẽ giúp làm việc với chúng dễ dàng hơn bao giờ hết.