Đánh giá về dấu ngoặc. Chân đế. Các plugin cần thiết. Xem trước các thay đổi trong trình duyệt

Nền của dấu ngoặc

Hãy bắt đầu với tên và logo. Dấu ngoặc được dịch là [dấu ngoặc kép].Đây là những cái chúng ta thấy trong logo. Gần đây tôi cũng đã thay đổi logo của mình. Nó trực quan hơn và quan trọng nhất là nó phản ánh ngay bản chất của trang web của chúng tôi như một nguồn tài nguyên về việc tạo trang web. Điều này cũng đúng ở đây - đối với tôi, nó phản ánh hoàn hảo bản chất của trình soạn thảo mã.

Adobe Brackets, vâng, bạn đã nghe đúng - chương trình này được trình bày bởi một công ty rất nổi tiếng trong giới của chúng tôi, Adobe. Nhờ sự đầu vào dễ dàng của họ mà chúng tôi đã bắt đầu phát triển phần mềm này. Tuy nhiên, lần đầu tiên nó được gọi là Edge Code. Vì vậy, nếu bạn được hỏi, hãy biết rằng đó là điều tương tự.

Tại sao tôi thích Brackets?

Hiệp hội đầu tiên mà tôi có khi mở phần mềm - chết tiệt, đó là Russian Sublime! Chương trình hỗ trợ nhiều ngôn ngữ và bạn có thể dễ dàng tải xuống Brackets bằng tiếng Nga trực tiếp từ trang web bên ngoài. Và nó cực kỳ gợi nhớ đến SublimeText.

Thứ hai, dễ sử dụng. Tất nhiên, lúc đó trục trặc đã giết chết tất cả. Nhưng chương trình vẫn đang ở giai đoạn thử nghiệm và phát triển. Và tôi chỉ đơn giản là không tính đến những tiếng ồn ào. Bởi vì thiết kế ở đó đẹp hơn và chu đáo hơn, đặc biệt là cho người mới bắt đầu. Có các nút, menu và các tính năng hữu dụng khác. Có vẻ như chủ nghĩa tối giản vẫn được duy trì, đồng thời nó tiện lợi vô cùng.

Thứ ba, ý tưởng độc đáo,điều mà tôi chưa từng thấy trong SublimeText hoặc các trình soạn thảo khác. Xem tương tác và làm nổi bật các thành phần trong quá trình bố cục, chỉnh sửa nhanh, gợi ý màu sắc, hệ thống trợ giúp tích hợp sẵn, v.v. Tôi đặc biệt quan tâm đến một số plugin. Tôi sẽ nói về điều này ở cuối bài viết, trong phần - "Quà tặng của biên tập viên trong ngoặc".

Thứ tư, nó hoàn toàn miễn phí và có phiên bản tiếng Nga và có thể được tải xuống miễn phí từ trang web chính thức Brackets.io. Đối với tôi, có vẻ như Adobe đã cố tình khuấy động tất cả những điều này để đẩy SublimeText ra khỏi thị trường. Anh ấy đã trở nên rất nổi tiếng.

Thứ năm, mọi thứ khác cũng có số lượng lớn

- Đây là đa nền tảng. Bạn có thể dễ dàng “tiên phong” Brackets cho cả Windows, Linux và các hệ điều hành khác. Điều này một phần là do trình soạn thảo được phát triển bằng HTML, CSS và JS. Và họ làm việc ở mọi nơi.

— Và nhiều plugin, tiện ích mở rộng khác nhau. Cho phép bạn tùy chỉnh hoàn toàn Brackets cho phù hợp với nhu cầu của bạn.

— Và một loạt các chủ đề thiết kế với đủ loại màu sắc và tông màu. Có thể nói như vậy đối với mọi sở thích.

Dấu ngoặc - cài đặt và tính năng

Cài đặt trình soạn thảo
Sửa lỗi font tiếng Nga
Giao diện soạn thảo
Thiết lập cơ bản của Chân đế
Chia - chia đôi màn hình
Bảng điều khiển bên
Xem trước trực tiếp - xem tương tác
Trình chỉnh sửa nội tuyến cho HTML - chỉnh sửa nhanh
Trình chỉnh sửa nội tuyến cho CSS - chỉnh sửa nhanh
Tài liệu CSS nhanh

Dấu ngoặc - plugin và tiện ích mở rộng

Chủ đề
Biểu tượng dấu ngoặc - biểu tượng trong trình chỉnh sửa
Overscroll – tua lại bên dưới mã
Special Chactors - bảng ký tự đặc biệt
Brackets CSS Color Preview - xem trước nhanh các màu
ColorHints - chọn màu nhanh
Bảng màu ngoặc - chọn màu từ ảnh
Hướng dẫn thụt lề - định hướng trong lồng mã
CodeFolding - gấp mã
Thanh công cụ Documets - bảng ngang của các tệp đang mở
Emmet - gõ nhanh HTML và CSS
CssFier - chèn nhanh các bộ chọn trong CSS
Công cụ giảm thiểu - nén các tệp CSS và JS
JS Beautifier - định dạng mã
Autoprefixer - tiền tố tự động
Trích xuất dấu ngoặc (Xem trước) - Phần 1
Trích xuất dấu ngoặc (Xem trước) - Phần 2
eqFTP - ứng dụng khách trực tiếp trong trình chỉnh sửa
QuickFormTool - chèn biểu mẫu nhanh chóng
Phông chữ SVG - xem tệp SVG
Đoạn trích trong ngoặc (bởi zaggino) – đoạn trích
Phản hồi cho Chân đế - thiết kế đáp ứng

Và bây giờ, như đã hứa...

Tính năng soạn thảo dấu ngoặc

Trước tiên, chúng ta hãy điểm qua những ưu điểm của chương trình, sau đó chạm vào các tiện ích mở rộng và plugin “đặc biệt” mà tôi yêu thích.

Xem trước trực tiếp

Điều đáng chú ý đầu tiên là tính năng Live View hay như nhiều người hay gọi là xem trực tiếp. Nhờ nó, bạn có thể theo dõi các thay đổi của trang ngay trong quá trình bố cục trang. Xin lưu ý rằng cần có trình duyệt Google Chrome để hoạt động. Đây là nơi trang web của bạn mở ra và tất cả các thay đổi được hiển thị.

Tôi biết, tôi biết, bây giờ bạn nói - SublimeText cũng có điều tương tự! Tuy nhiên, hãy tính đến thực tế là để làm được điều này, bạn cần phải thực hiện những "vũ điệu với tambourine" khá phức tạp mỗi lần trước khi mọi thứ bắt đầu hoạt động. Và ở đây chúng tôi có mọi thứ sẵn sàng. Như một bài hát nói: Nhấn nút và bạn sẽ nhận được kết quả.

Hiện tại, trình duyệt tương tác hoạt động trong các tệp HTML và CSS. Nhưng khi chỉnh sửa javascript, bạn sẽ phải lưu lại.

Chỉnh sửa nhanh (trình chỉnh sửa nội tuyến)

Một điều rất tiện lợi. Vấn đề là bạn có thể chỉnh sửa CSS và JS trực tiếp từ tài liệu HTML. Không cần chuyển đổi giữa các tập tin. Hãy tin tôi, nó tiết kiệm rất nhiều thời gian. Và tôi thường im lặng về sự thuận tiện và thoải mái khi làm việc. Mọi thứ có thể được thực hiện từ một tập tin.

Bạn chỉ cần chọn thẻ mong muốn, nhấn CMDCTRL+E và bạn đã mở Một cửa sổ đặc biệt xuất hiện. Trong đó bạn có thể thêm phong cách cho bộ chọn này. Trong trường hợp này, bạn có thể chỉnh sửa cả kiểu hiện có và tạo kiểu mới. Ở đó, bạn cũng có thể chuyển đổi giữa các tệp CSS nếu bạn có một vài tệp trong số đó.

Cho phép bạn xem các màu được sử dụng trong mã. Nếu trong các ứng dụng khác, bạn cần mở một số chương trình hoặc chạy plugin để tìm hiểu màu nào được sử dụng. Tại đây, bạn chỉ cần di chuột qua mã màu bạn muốn và Brackets sẽ hiển thị ngay cho bạn.

Và trong chính khóa học video, chúng tôi cũng sẽ cài đặt một số trình duyệt thú vị sẽ mở rộng đáng kể và tạo điều kiện thuận lợi hơn khi làm việc với màu sắc. Nói chung, bạn sẽ tự mình nhìn thấy mọi thứ.

Tôi luôn thích tính năng này trong Dreamweaver. Không biết bây giờ thế nào, nhưng ngày xưa cô ấy đã có mặt trong đó.

Nếu bạn muốn bao gồm một số tệp, kiểu, tập lệnh, hình ảnh - không thành vấn đề. Dấu ngoặc sẽ tự động cho bạn biết không chỉ đường dẫn mà còn cả tên tệp. Rất thoải mái!

Các plugin và tiện ích mở rộng trong ngoặc (nhiều nhất):

Chân đế Emmet (22)

Plugin này cho phép bạn gõ nhanh HTML và CSS. Trên thực tế, nếu bạn học cách sử dụng nó một cách chính xác, tốc độ viết mã của bạn sẽ tăng lên khoảng 10 lần. Đây là một tiện ích mở rộng thuộc danh mục. "Phải có", điều này nên có trong mọi trình soạn thảo.

Trích xuất dấu ngoặc (Xem trước)

Đây là phần mở rộng tôi thích nhất trong trình chỉnh sửa. Cho phép bố cục trực tiếp từ bố cục PSD. Tức là bạn không cần phải vào Photoshop nữa.

Chúng tôi kết nối với plugin, tải PSD của mình lên máy chủ Adobe Creative Cloud và trình chỉnh sửa của chúng tôi bắt đầu trích xuất tất cả các kiểu và đồ họa từ bố cục PSD.

Điều này không thể diễn tả bằng lời, bạn chỉ có thể nhìn và hiểu toàn bộ quy mô của ý tưởng. Thực sự tuyệt vời!

Phản hồi cho dấu ngoặc

Cho phép bạn tạo khả năng thích ứng của trang web từ cửa sổ trình soạn thảo Brackets. Nói cách khác, thiết kế đáp ứng nằm trong túi của bạn.

Mọi thứ đều được thực hiện một cách phong cách và thoải mái. Khi được bật, nó sẽ tạo một tệp kiểu riêng biệt nơi tất cả các thay đổi được ghi. Khi hoàn tất, bạn chỉ cần kết nối nó với các tập tin của trang web.

Nhưng có một lúc, chúng ta sẽ ở đâu nếu không có anh ấy, em yêu. Tiện ích mở rộng này vẫn đang được phát triển và có thể nói là nó không hoàn toàn ổn định. Tuy nhiên, nó đang được hoàn thiện, cập nhật và mọi thứ sẽ sớm trở thành TIP-TOP.

Lỗi soạn thảo dấu ngoặc.

Tôi sẽ chỉ viết ý kiến của mình trong khi làm việc. Vì tôi đã đào sâu vào nó nên tôi chắc chắn có thể nói điều gì đó.

Trước hết- không bao giờ cài đặt nhiều plugin cùng một lúc. Điều này đặc biệt đúng đối với những nội dung không được mô tả trong khóa học video. Chỉ là một số trong số chúng hoạt động không ổn định với phiên bản mới của trình soạn thảo. Và nó có thể bắt đầu thất bại.

Có rất ít trong số họ, nhưng vẫn còn. Luôn làm theo mẫu này: Chúng tôi đã cài đặt plugin, dùng thử nó trên trình chỉnh sửa và nếu mọi thứ đều hoạt động, hãy cài đặt plugin tiếp theo.

Bởi vì đôi khi một người sẽ cài đặt một loạt plugin và đoán xem điều gì sẽ làm hỏng hoạt động của Brackets.

Thứ hai— ngay khi bạn cài đặt chương trình, nó sẽ gặp vấn đề với phông chữ tiếng Nga. Anh ấy sẽ trông “hơi đáng sợ”. Đó là tất cả về phông chữ mặc định, được cài đặt sau khi cài đặt. Chỉ cần thay đổi phông chữ văn bản và mọi thứ sẽ ổn.

Ngày thứ ba,Đối với một số sinh viên, vì lý do nào đó, trình soạn thảo không hoạt động khi họ cài đặt nó vào đĩa hệ thống. Tôi không biết vấn đề là gì, có thể tôi không có đủ quyền quản trị viên hoặc trình điều khiển. Đó là lý do tại sao tôi luôn ở đây Tôi đưa ra 3 lời khuyên:

Cài đặt Brackets không có trên ổ đĩa hệ thống
Cài đặt Nodejs
Hãy thử chạy với tư cách quản trị viên

Hôm nay chúng ta sẽ xem xét một trong những chương trình mà chúng ta sẽ sử dụng để làm việc với bố cục trang - Brackets. Bạn có thể tải xuống và cài đặt chương trình từ trang web chính thức tại ngoặc.io. Không có gì phức tạp trong quá trình cài đặt, nhưng việc thiết lập nó để vận hành thuận tiện sẽ khiến bạn mất 5 phút.

Cài đặt plugin trong ngoặc

Việc cài đặt plugin dễ dàng như hai lần hai. Khởi chạy Brackets, tìm bảng điều khiển ở phía bên trái và chọn nút “Trình quản lý tiện ích mở rộng”.

Trong lần khởi chạy đầu tiên, chương trình sẽ khởi chạy các tiện ích mở rộng, cập nhật cơ sở dữ liệu của chúng. Trình quản lý tiện ích mở rộng của Brackets có ba tab: Có sẵn, Chủ đề, Đã cài đặt. Theo đó, chúng tôi quan tâm đến tab Có sẵn.

Trong trường tìm kiếm, nhập tên của plugin, chọn plugin và nhấp vào “Cài đặt”. Sau khi cài đặt tất cả các plugin, nên khởi động lại chương trình.

Dưới đây là danh sách các plugin mà chúng ta sẽ cần:

Emmet– một plugin cho phép bạn tăng tốc đáng kể việc viết mã html và css bằng cách sử dụng các từ viết tắt và viết tắt. Vì vậy, nếu bạn muốn dấu chấm than (!) Biến thành một trang HTML chính thức sau khi nhấn phím tab, thì bạn cần có plugin này. Cũng cho phép bạn bọc văn bản bằng các thẻ HTML.
Tab - Làm việc tùy chỉnh là một plugin thêm các tab đẹp vào Brackets. Đánh dấu các tập tin chưa được lưu bằng vòng tròn màu xanh lá cây. Mục đích chính của plugin là làm cho tác phẩm trở nên trực quan hơn.
cuộn quá mức– một plugin cho phép bạn cuộn mã đến cuối trang và thậm chí cuộn một vùng trống.
Phông chữ mã– trong các phiên bản hiện đại của Brackets cho phép bạn thay đổi phông chữ mã. Trong các phiên bản cũ hơn, điều này đơn giản là cần thiết vì chương trình hiển thị phông chữ tiếng Nga rất xấu.
Chân đế bổ sung Menu chuột phải– thêm nhiều “tiện ích” tiện lợi vào menu ngữ cảnh - ví dụ: các mục “Sao chép” và “Dán”.
Tự động lưu tệp trên Window Blur– một plugin để tự động lưu các tệp đang mở tại thời điểm cửa sổ chương trình mất tiêu điểm (ví dụ: nếu bạn chuyển sang trình duyệt).

Tôi nhắc bạn rằng sau khi cài đặt plugin, hãy khởi động lại Brackets.

Đồng thời xem video của chúng tôi về cách cài đặt plugin trong Chân đế.

Dấu ngoặc đơn– một dự án được phát triển bởi Adobe. Ban đầu nó được dự định là một trình soạn thảo mã để đơn giản hóa việc tạo các ứng dụng web. Trong năm qua, một số bản cập nhật đã được phát hành không chỉ cải thiện hiệu suất của trình soạn thảo mà còn bổ sung một số tính năng hữu ích cho các nhà phát triển.

Hiện tại phiên bản hiện tại là Dấu ngoặc 1.2.

Hãy bắt đầu với giao diện chương trình:

Giao diện

Giao diện chương trình bao gồm:

Menu – tập tin, chỉnh sửa, tìm kiếm, v.v.
Khu vực chọn file dự án để chỉnh sửa
Khu vực viết mã

Bạn cũng có thể chọn một nút để bật chế độ Xem trước trực tiếp, nhưng sẽ nói nhiều hơn về điều đó sau.

Ban đầu, không có plugin hoặc chủ đề, giao diện chương trình khá đơn giản và tiêu chuẩn. Không có gì thừa đối với một nhà phát triển mới làm quen: tô sáng cú pháp mã trong khu vực chỉnh sửa, một thư mục chứa các thư mục dự án.

Sử dụng tổ hợp CTRL++ / CTRL+- bạn có thể tăng/giảm kích thước phông chữ.

Với lối ra phiên bản 0.42 hỗ trợ thay đổi và cài đặt chủ đề đã xuất hiện. Theo tiêu chuẩn chỉ có Ánh sáng Và Tối tăm. Tôi phải thừa nhận rằng chủ đề tối trông đẹp hơn đối với tôi.

Việc thay đổi chủ đề được thực hiện trong tab Xem – Chủ đề. Trong cùng một tab, bạn có thể thay đổi nét chữ và anh ta kích cỡ.

Chủ đề trong ngoặc

Chế độ xem tách

Phiên bản 0.44đã sửa một số lượng lớn lỗi, cải thiện hiệu suất và cũng thêm một tính năng như Chế độ xem tách. Tính năng này sẽ cho phép chia khu vực chỉnh sửa thành hai phần và làm việc với hai tệp cùng một lúc. Tôi phải thừa nhận, điều này đã đơn giản hóa đáng kể sự phát triển.

Có thể phân chia theo chiều ngang.

Phân chia theo chiều ngang của khu vực soạn thảo Brackets

Bạn cũng có thể chia nó theo chiều dọc.

Phân chia theo chiều dọc của khu vực soạn thảo Brackets

Bảng màu

Chân đế còn có một chức năng hữu ích như gọi bảng màu bằng tổ hợp CTRL + E. Nó hoạt động như thế này:

Đặt các khóa học theo mã màu và nhấn tổ hợp CTRL+E. Một bảng màu sẽ mở ra nơi bạn có thể chỉ định màu nào và độ trong suốt mà bạn cần.

Bảng màu dấu ngoặc

Trích xuất dấu ngoặc (Xem trước)

Ba năm sau khi phiên bản đầu tiên của Brackets được phát hành phiên bản 1.0. Ngoài việc cải thiện hiệu suất, một plugin như Trích xuất dấu ngoặc (Xem trước).

Nó cho phép bạn mở các mẫu ở định dạng PSD trực tiếp vào Chân đế và xem chúng như trong Photoshop theo lớp. Với sự trợ giúp của nó, bạn có thể xem kích thước của một thành phần trang cụ thể, chẳng hạn như khối, tính bằng pixel hoặc tỷ lệ phần trăm, cũng như vị trí của nó, sau đó nhập ngay các giá trị này vào trình chỉnh sửa.

Trích xuất dấu ngoặc(Ôn tập)

Ban đầu, ý tưởng này rất hay và khá hữu ích. Nhưng vấn đề là ở chỗ phiên bản 1.0 Plugin không hoạt động chính xác, làm chậm và làm quá tải hệ thống.

Một nhược điểm khác là cần phải có tài khoản trong Adobe Creative Cloud, bởi vì PSD các mẫu được tải ở đó.

Thành thật mà nói, kể cả sau khi có phiên bản mới ra mắt, tôi cũng không sử dụng chức năng này vì nó có nhiều lỗi.

Trình quản lý tiện ích mở rộng

Quá trình cài đặt plugin diễn ra trong cửa sổ Trình quản lý tiện ích mở rộng, ở đó bạn cũng có thể cài đặt chủ đề thiết kế.

bổ sung Chân đế cho phép bạn mở rộng chức năng tiêu chuẩn và tạo điều kiện phát triển dự án. Một trong những plugin này, được mọi người biết đến Emmet.

Emmet– một plugin cho phép bạn viết mã lớn bằng cách viết tắt, tiết kiệm thời gian.

Ví dụ:

Bằng cách viết mã này trong một tài liệu html:

XHTML

ul>li*4>a

ul>li* 4>a[ href= # ]

Sau khi nhấn phím nóng (được đặt tiêu chuẩn thành phím CHUYỂN HƯỚNG) mã được viết sẽ “mở rộng” thành

XHTML

Xem trước trực tiếp

Và cuối cùng, tôi sẽ kể cho bạn nghe về một chức năng tuyệt vời như Xem trước trực tiếp. Với tính năng này bạn có thể xem kết quả trong thời gian thực. Nguyên tắc rất đơn giản: bạn chọn html tài liệu, bao gồm Xem trước trực tiếp. Một cửa sổ trình duyệt sẽ mở trong đó dự án của bạn sẽ được hiển thị theo cách viết hiện tại. Điều đáng nói thêm là chức năng này chỉ hoạt động với trình duyệt Trình duyệt Chrome . Có vẻ như họ đang nói về việc hỗ trợ cho các trình duyệt khác, nhưng chỉ trong các phiên bản tương lai của chương trình.

Nhưng chức năng này, theo tôi, là chìa khóa. Đặc biệt đối với các nhà phát triển làm việc với hai màn hình.

Phần kết luận

Đây là nơi tôi muốn kết thúc đánh giá này. Tôi cũng có thể thêm điều đó Dấu ngoặc đơn hoàn hảo cho những người mới bắt đầu các nhà phát triển web. Là một nhà thiết kế trang web mới bắt đầu, tôi khuyên bạn nên sử dụng nó. Trình chỉnh sửa này không đòi hỏi nhiều tài nguyên, có giao diện đơn giản và với sự trợ giúp của các phím nóng và plugin, nó cho phép bạn tăng tốc và đơn giản hóa việc viết mã.

Trang web chính thức của biên tập viên Dấu ngoặc đơn.

Trình soạn thảo văn bản Brackets 1.6 rất tốt cho việc thiết kế trang web. Đây là một công cụ tuyệt vời từ các nhà phát triển Adobe. Với tính năng mã hóa trực tiếp, bạn không phải tải lại trang trong quá trình bố trí.

Mô tả của trình soạn thảo Brackets

Nói chung, giao diện của trình chỉnh sửa có thể được tùy chỉnh theo ý thích của bạn. Nó chứa một tập hợp các chủ đề thiết kế tiêu chuẩn. Mỗi chủ đề đều thay đổi diện mạo của cửa sổ chỉnh sửa mã. Ở đây cả nền và đánh dấu cú pháp đều thay đổi. Có cả chủ đề tối và sáng. Theo mặc định, tất cả các tệp và thư mục đang mở được nhóm trong bảng điều khiển bên trái, nhưng chúng cũng có thể được đặt ở dạng tab phía trên tệp có thể chỉnh sửa đang mở. Nghĩa là, trong Brackets, mọi thứ đều được thực hiện theo cách mà bạn có thể tạo ra mọi thứ thuận tiện nhất cho mình.

Tính năng của dấu ngoặc

Trình soạn thảo văn bản này được phát triển bằng công nghệ web và có tất cả các ưu điểm của chúng. Ví dụ, nó là đa nền tảng. Điều này có nghĩa là bạn có thể chạy Brackets trên mọi nền tảng, có thể là Windows, Linux hoặc Mac.

Brackets có Bộ chọn màu tích hợp để xác định màu trong quá trình bố cục. Quá trình hoàn thành mã hoạt động tốt và nhanh chóng, đồng thời còn có hệ thống tự động hoàn thành đường dẫn đến tệp và hình ảnh. Điều này sẽ giúp bạn tiết kiệm rất nhiều thời gian và loại bỏ nhu cầu tìm kiếm các tập tin cần thiết trong các thư mục. Ngoài ra còn có đoạn chèn văn bản hình con cá (lorem ipsum).

Ngoài ra, ngoài các chức năng tích hợp của Brackets, bạn có thể mở rộng chức năng của nó bằng cách sử dụng plugin. Ở cột dọc nhỏ bên phải có biểu tượng trông giống thành phần Lego. Khi bạn nhấp vào nó, một cửa sổ phương thức sẽ mở ra với danh sách tất cả các plugin có sẵn. Quá trình cài đặt của họ chỉ mất vài giây và được thực hiện chỉ bằng cách nhấn một nút.

Có lẽ tính năng quan trọng và đặc biệt nhất của Brackets là tính năng mã hóa trực tiếp, hiển thị tất cả các thay đổi về mã ngay trên trang web. Chức năng này được thực hiện hoàn hảo ở đây. Đây không phải là một lần khởi động lại tầm thường sau khi thực hiện các thay đổi, đây là mã hóa trực tiếp. Để khởi chạy nó, bạn cần nhấp vào biểu tượng tia sét ở bảng bên phải của trình chỉnh sửa. Hành động này sẽ mở tệp trong trình duyệt để xem trực tiếp. Ngoài ra, tại đây bạn có thể kích hoạt chức năng đánh dấu trên trang của nơi bạn đang ở trong mã. Điều này rất thuận tiện và nếu bạn làm việc với nó thường xuyên, nó sẽ giúp bạn tiết kiệm rất nhiều thời gian quý báu.

Bất chấp tất cả chức năng phong phú này, Brackets có thể được tải xuống miễn phí. Nó rất tốt cho công việc hàng ngày và sẽ là sự thay thế tốt cho trình soạn thảo hiện tại của bạn.

Thông số kỹ thuật:

Phiên bản: Chân đế 1.6
Tình trạng: Miễn phí
Ngôn ngữ Nga
Tác giả: Adobe
Hệ thống: Windows
Kích thước: 36,7Mb

Quản trị viên web và lập trình viên thường sử dụng trình soạn thảo văn bản để tạo trang web. Nhưng chức năng của các chương trình thông thường thuộc nhóm này, chẳng hạn như Notepad, quá hạn chế đối với những người làm việc theo hướng này. Các ứng dụng đặc biệt được tạo cho chúng, được thiết kế để hoạt động với các ngôn ngữ đánh dấu. Một trong số đó là trình soạn thảo văn bản miễn phí Brackets của Adobe.

Tính năng chính khiến Brackets trở nên phổ biến với các nhà thiết kế bố cục là nó hỗ trợ một số lượng lớn ngôn ngữ lập trình web và đánh dấu, cụ thể là: HTML, Java, JavaScript, CSS, C++, C, C#, JSON, Perl, SQL, PHP, Python và nhiều thứ khác (tổng cộng 43 món).

Trong cửa sổ soạn thảo mã chương trình, các thành phần cấu trúc của các ngôn ngữ trên được tô sáng bằng một màu riêng biệt, giúp người thiết kế bố cục nhanh chóng điều hướng mã và cũng dễ dàng tìm thấy phần đầu và phần cuối của một biểu thức. Đánh số dòng, khả năng thu gọn các khối và cấu trúc bố cục tự động cũng đóng vai trò là yếu tố thuận tiện bổ sung cho người dùng khi làm việc với Brackets.

Làm việc với văn bản

Đồng thời, để sử dụng Brackets, bạn không cần phải là lập trình viên hay nhà thiết kế trang web, vì chương trình cũng hỗ trợ các công việc đơn giản với văn bản, giống như một trình soạn thảo văn bản thông thường.

Dấu ngoặc có thể hoạt động với danh sách mã hóa văn bản rất lớn: UTF-8 (mặc định), Windows 1250 - 1258, KOI8-R, KOI8-Ru và các loại khác (tổng cộng 43 tên).

Xem trước các thay đổi trong trình duyệt

Chức năng hỗ trợ chân đế "Xem trước trực tiếp", điều đó có nghĩa là tất cả các thay đổi được thực hiện trong trình soạn thảo văn bản có thể được xem ngay lập tức trong trình duyệt Google Chrome. Vì vậy, để có thể sử dụng được chức năng này, máy tính của bạn phải có trình duyệt web này. Nhà thiết kế có thể thấy ngay hành động của mình ảnh hưởng như thế nào đến giao diện trang web hiển thị cho người dùng vì tất cả các thay đổi đều được hiển thị đồng bộ trong Google Chrome khi lưu tệp.

Quản lý tập tin

Trong trình chỉnh sửa Brackets, bạn có thể làm việc với nhiều tệp cùng lúc, chuyển đổi giữa chúng bằng menu. Ngoài ra, có thể sắp xếp các tài liệu đang mở theo tên, ngày thêm và loại, cũng như tự động sắp xếp.

Tích hợp menu ngữ cảnh

Nhờ tích hợp vào menu ngữ cảnh "Windows Explorer", bạn có thể mở bất kỳ tệp nào bằng Brackets mà không cần khởi chạy chương trình trước.

Chế độ kiểm tra sửa lỗi

Với Chân đế, bạn có thể xem và chỉnh sửa các trang web ở chế độ gỡ lỗi.

Tìm kiếm và thay thế

Chương trình cung cấp chức năng tìm kiếm và thay thế thuận tiện bằng văn bản hoặc mã đánh dấu.

Làm việc với tiện ích mở rộng

Có thể tăng chức năng của Brackets bằng cách cài đặt các tiện ích mở rộng tích hợp sẵn. Chúng có thể được điều khiển bằng cách sử dụng một thiết bị đặc biệt "Trình quản lý tiện ích mở rộng" trong một cửa sổ riêng biệt. Sử dụng các yếu tố này, bạn có thể thêm hỗ trợ cho ngôn ngữ lập trình và đánh dấu mới cho chương trình, thay đổi chủ đề giao diện, làm việc với máy chủ FTP từ xa, quản lý các phiên bản ứng dụng và cũng có thể xây dựng các chức năng khác không được cung cấp trong phiên bản gốc của văn bản biên tập viên.

Thuận lợi

Đa nền tảng;
Đa ngôn ngữ (31 ngôn ngữ, bao gồm cả tiếng Nga);
Một số lượng lớn ngôn ngữ lập trình và mã hóa văn bản được hỗ trợ;
Khả năng thêm chức năng mới bằng cách sử dụng tiện ích mở rộng.

sai sót

Chức năng " Xem trước trực tiếp" chỉ khả dụng thông qua trình duyệt Google Chrome;
Một số phần của chương trình không được Nga hóa.

Brackets là một trình soạn thảo văn bản mạnh mẽ để làm việc với mã chương trình và ngôn ngữ đánh dấu, có chức năng rất rộng. Nhưng ngay cả với nhiều tính năng chương trình như vậy, bạn vẫn có thể thêm những tính năng mới bằng cách sử dụng các tiện ích mở rộng tích hợp sẵn.