Chân đế là trình chỉnh sửa mã nguồn với trọng tâm chính là phát triển web. Được tạo bởi Adobe Inc. , nó là phần mềm nguồn mở và miễn phí được cấp phép theo Giấy phép MIT và hiện được duy trì trên GitHub bởi các nhà phát triển nguồn mở. Nó được viết bằng JavaScript, HTML và CSS. Chân đế là đa nền tảng, có sẵn cho macOS, Windows và hầu hết các bản phân phối Linux. Mục đích chính của Chân đế là chức năng chỉnh sửa HTML, CSS và JavaScript trực tiếp của nó
Vào ngày 4 tháng 11 năm 2014, Adobe đã công bố lần đầu tiên [1. 0] phát hành Chân đế. Bản cập nhật đã giới thiệu các tính năng mới như tổ hợp phím tắt tùy chỉnh và gợi ý JavaScript chính xác hơn. Chân đế tập trung chính vào phát triển trong hỗ trợ JavaScript, CSS và HTML. Với việc phát hành phiên bản 1. 0, Adobe công bố tính năng trích xuất thông tin thiết kế từ tệp PSD để tiện code trong CSS. Kể từ ngày 28 tháng 6 năm 2016, tính năng này đã chính thức ngừng hoạt động do mức sử dụng thấp. Tuy nhiên, Extract vẫn có sẵn qua Photoshop và Dreamweaver, cả hai đều là một phần của dịch vụ trả phí của họ, Adobe Creative Cloud. Vào tháng 3 năm 2021, Adobe thông báo sẽ ngừng hỗ trợ cho Chân đế vào ngày 1 tháng 9 năm 2021
Dự án Chân đế sau đó đã được chuyển giao để trở thành một dự án do cộng đồng sở hữu và định hướng. Phiên bản mới nhất của Chân đế là 2. 0. 1
Lịch sử[sửa]
Adobe lần đầu tiên bắt đầu phát triển trình soạn thảo văn bản để phát triển web trên Edge Code, công cụ này đã ngừng hoạt động vào tháng 11 năm 2014. Nỗ lực này sau đó đã được chuyển thành Adobe Brackets. Với việc phát hành Chân đế 1. 0, Adobe thông báo rằng việc phát triển một ứng dụng mã nguồn mở để phát triển web đã sẵn sàng và không còn là một dự án thử nghiệm nữa. Chân đế chứa các đóng góp của hơn 282 người đóng góp trong cộng đồng và có hơn 400 yêu cầu sửa lỗi và các tính năng mới. Mọi phiên bản của Chân đế đều có hơn 100.000 lượt tải xuống và đây là dự án phổ biến thứ 16 trên GitHub kể từ ngày 16 tháng 1 năm 2015
Kho lưu trữ Chân đế trên GitHub [kho lưu trữ Chân đế] hiện có 152 chi nhánh, 110 bản phát hành và 17.700 lần xác nhận kể từ ngày 30 tháng 8 năm 2018. Mã nguồn được cung cấp miễn phí theo giấy phép MIT. Nhà phát triển có thể thay đổi các tính năng trên Chân đế và cá nhân hóa nó để thuận tiện cho chính mình bằng cách chuyển đổi mã phần mềm
Đặc điểm[sửa]
Chân đế cung cấp một số tính năng bao gồm
Chỉnh sửa nhanh[sửa]
Chỉnh sửa nhanh cho phép chỉnh sửa nội tuyến các phần tử CSS, Thuộc tính màu và JavaScript dành cho nhà phát triển. Tính năng tích hợp này có thể được áp dụng đồng thời cho nhiều chức năng hoặc thuộc tính và tất cả các bản cập nhật được áp dụng trực tiếp vào tệp được liên kết với các thành phần đã thay đổi
Tệp HTML Áp dụng chỉnh sửa nhanh cho các phần tử HTML sẽ hiển thị tất cả các thuộc tính CSS tương ứng trong một hộp bên dưới phần tử đã chọn. Người dùng có thể chọn tạo các quy tắc CSS mới trực tiếp trong trình chỉnh sửa và chỉnh sửa nội tuyến các thuộc tính CSS của thẻ mà không cần rời khỏi ngữ cảnh của tệp HTML. Tệp JavaScriptTrên các hàm JavaScript, chỉnh sửa nhanh thực hiện quy trình tương tự như với các phần tử HTML, nhưng nó hiển thị phần thân của hàm được chọn trong hộp thả xuống. Tất cả các cập nhật cho nội dung của hàm sẽ lan truyền và cập nhật trực tiếp trong tệp JavaScript tương ứng. Các tệp chứa thuộc tính màu hex hoặc RGB Đối với thuộc tính màu, chỉnh sửa nhanh sẽ trả về bộ chọn màu nội tuyến để xem trước và chức năng điều chỉnh màu
Xem trước trực tiếp[sửa]
Khi một lần nhấp vào đoạn mã tương ứng trong CSS/HTML, trình duyệt web ngay lập tức hiển thị đầu ra liên quan đến đoạn mã đó trong trình duyệt web. Tính năng này được gọi là Xem trước trực tiếp, tính năng này cũng đẩy các chỉnh sửa mã ngay lập tức tới trình duyệt để hiển thị một trang web được cập nhật khi các nhà phát triển sửa đổi mã. Chân đế chứa một Nút. js phụ trợ dự đoán những gì mã thực hiện khi nhà phát triển nhập mã
Xem trước trực tiếp thay đổi mã trên trình duyệt
Hai kịch bản để xem trước trực tiếp
Không có logic phụ trợ Sử dụng Xem trước trực tiếp, Chân đế sẽ khởi chạy tệp HTML đã chọn trong Google Chrome bằng cách cung cấp nội dung tĩnh từ máy chủ tích hợp của Chân đế. Quy trình này không yêu cầu bất kỳ logic phía sau nào để hỗ trợ xem các thay đổi đối với tệp HTML. Logic mặt sauVới logic mặt sau, Chân đế sẽ hướng Google Chrome tới một URL dự án được cung cấp đang chạy trên một máy chủ riêng biệt, nhưng nó sẽ vô hiệu hóa hỗ trợ cho các tính năng liên quan đến HTML. Do đó, trình duyệt sẽ không thể cập nhật bất kỳ HTML, PHP, v.v. các tệp trong thời gian thực và tô sáng phần tử cũng sẽ bị tắt đối với các tệp này. Chỉ các chỉnh sửa và đánh dấu phần tử liên quan đến tệp CSS mới được phản ánh trong thời gian thực. Thay vào đó, tất cả các bản cập nhật tệp không phải CSS sẽ được tự động tải lại. Những hạn chế này tồn tại vì việc cung cấp chức năng chỉnh sửa trực tiếp cho các tệp HTML yêu cầu đưa chú thích vào mã HTML trước khi mã được tải vào trình duyệt. Các lần tiêm này thường được xử lý bởi máy chủ tích hợp Chân đế, nhưng chúng không tồn tại khi các dự án sử dụng các máy chủ cá nhân riêng biệt
Chức năng[sửa]
Giới hạn xem trước trực tiếp[sửa | sửa mã nguồn]
- Hiện chỉ hoạt động với Google Chrome dành cho máy tính để bàn [không phải Chromium nguồn mở], làm trình duyệt mục tiêu
- Mở công cụ dành cho nhà phát triển trong Google Chrome sẽ đóng tất cả các kết nối phát triển trực tiếp
- Tất cả các tệp được xem phải nằm trong một thư mục hiện đang mở trong Chân đế
- Mỗi lần chỉ có thể xem trước một tệp HTML
- Cập nhật theo thời gian thực bị tạm dừng khi gặp phải HTML không hợp lệ về mặt cú pháp. Chân đế sẽ tiếp tục đẩy các thay đổi vào trình duyệt khi cú pháp được sửa
Chia nhỏ chế độ xem [ chỉnh sửa ]
Tính năng này chia giao diện chính thành hai phần. Người dùng có thể phân chia chế độ xem theo chiều dọc hoặc chiều ngang tùy theo sự thuận tiện của họ, do đó cho phép người dùng làm việc trên hai tệp cùng một lúc. Nhà phát triển có thể đồng thời làm việc trên hai tệp khác nhau thuộc hai loại khác nhau, hai tệp cùng loại hoặc thậm chí hai phần khác nhau của cùng một tệp cùng một lúc. Các tính năng như Xem trước trực tiếp và Chỉnh sửa nhanh hoạt động ở cả hai chế độ xem
Hỗ trợ nhiều định dạng tệp[sửa]
Chân đế hỗ trợ mã từ nhiều loại tệp từ C ++, C, VBScript đến Java, JavaScript, HTML, Python, Perl và Ruby. Danh sách đầy đủ bao gồm hơn 38 loại tệp. Điều này cho phép người dùng linh hoạt làm việc đồng thời trên nhiều tệp khác nhau của một dự án
Chân đế hỗ trợ một tính năng gọi là "PSD lens" giúp trích xuất mượt mà từng hình ảnh, logo và phong cách thiết kế từ tệp PSD mà không cần mở Photoshop để kiểm tra. Bằng cách gọi tính năng này là bản xem trước, Adobe truyền đạt rằng còn nhiều việc phải làm trước khi tính năng này có thể được hoàn thiện. Tính năng này đã nhận được đánh giá tích cực từ các nhà phát triển, nhưng nhiều sự cố đã được báo cáo trong giai đoạn đầu của quá trình phát hành tính năng. Vấn đề sau đó đã được giải quyết bằng tiện ích mở rộng
Tích hợp Theseus[sửa | sửa mã nguồn]
Chân đế tích hợp Theseus, một trình gỡ lỗi JavaScript mã nguồn mở cho phép các nhà phát triển thiết lập các điểm ngắt, chuyển qua mã và kiểm tra giá trị của các biến trong thời gian thực. Theseus có thể được sử dụng để gỡ lỗi bất kỳ tiện ích mở rộng nào trong Chân đế và được cài đặt dễ dàng bằng trình quản lý tiện ích mở rộng tích hợp. Theseus cũng hoạt động cùng với Live Preview thông qua một máy chủ proxy ghi lại một chức năng và các giá trị liên quan của nó mỗi khi chức năng được gọi
Tiện ích mở rộng [ chỉnh sửa ]
Được xây dựng bằng HTML, CSS và JavaScript, nhà phát triển có thể cung cấp chức năng bổ sung cho Chân đế bằng cách tạo tiện ích mở rộng. Có thể tìm thấy và cài đặt các tiện ích mở rộng này bằng trình quản lý tiện ích mở rộng tích hợp. Tiện ích mở rộng cũng có thể được tìm thấy trực tuyến qua Cơ quan đăng ký tiện ích mở rộng Chân đế