Trang chủ » Phần mềm lập trình » Brackets Lượt tải: 4  | Lượt xem: 265

Lượt tải: 4  | Lượt xem: 265

brackets-2037786619.png

Brackets

Version: Brackets 1.14.1 17752

Size: 68.6 MB

Nhà xuất bản: Đang cập nhật

Hệ điều hành: Windows



Link dự phòng


Mô tả

Brackets trình soạn thảo mã nguồn cho website hỗ trợ cho nhiều ngôn ngữ khác nhau như HTML, CSS và JavaScrip, đồng thời chủ yếu tập trung vào việc nội dung web. Brackets mang đến giao diện thân thiện cho các lập trình viên, cho phép highlight cú pháp và tự động hoàn chỉnh, chỉnh sửa mã nguồn, tìm kiếm và thay thế, xem trước với tính năng Live Preview,...


Brackets 1.14.1 17752

Brackets

Những tính năng chính của công cụ soạn thảo mã nguồn Brackets

  • Soạn thảo nhanh chóng với tính năng Quick Edit.
  • Tích hợp JSLint cảnh báo lỗi lập trình JavaScript.
  • Công cụ soạn thảo mã nguồn mở.
  • Trích xuất trực tiếp từ PSD.
  • Tính năng Live Preview mạnh mẽ.
  • Các gói mở rộng đa dạng và phong phú.
  • Giao diện đồ họa hấp dẫn.
  • Highlight cú pháp và tự động hoàn chỉnh. 

Giao diện thân thiện

Quá trình cài đặt Brackets diễn ra rất nhanh và không hề tốn nhiều công sức. Màn hình làm việc sẽ chia thành hai cửa sổ riêng biệt tạo nên một giao diện làm việc hết sức thân thiện và dễ quản lý. Khu vực bên phải là khu vực soạn thảo mã nguồn, còn bên trái là thanh công cụ hiển thị các tập tin mà người dùng đang sử dụng và tại đây, người dùng có thể dễ dàng chuyển đổi giữa các file.

Gao diện làm việc của Brackets
Giao diện làm việc với hai khu vực chính của Brackets

Khi click chuột vào một file bên trái, bạn có thể xem file đó mà chưa thực sự mở ra. Nếu kích đúp chuột, bạn đã chính thức mở file đó và có thể bắt đầu tiến hành chỉnh sửa, Brackets sẽ đưa nó vào danh sách file đang làm việc của bạn. Việc tùy chọn xem như tăng hoặc giảm kích cỡ chữ, khôi phục lại giá trị ban đầu cũng rất tiện ích.

Highlight cú pháp và tự động hoàn chỉnh

Tính năng highlight cú pháp được hỗ trợ cùng với khả năng tự động hoàn thành đoạn mã bằng cách gợi ý khi bạn gõ đoạn mã. Tính năng thông minh này sẽ giúp tăng tốc độ lập trình cho người lập trình viên cũng như giảm các lỗi sai. Các dòng cũng được đánh số giúp người dùng quản lý và xem dễ dàng hơn. Thanh trạng thái cho biết số dòng và cột hiện tại của con trỏ mà người sử dụng đang làm việc.

Tính năng tự động hoàn chỉnh của Brackets
Brackets gợi ý hoàn chỉnh đoạn mã khi bạn gõ để tránh sai sót

Công cụ chỉnh sửa tiêu chuẩn

Thay vì phải chuyển giữa các thanh tab, Brackets cho phép người dùng thực hiện thay đổi ngay trong cửa sổ mà họ đang làm việc. Đây là tính năng Quick Edit, giúp người dùng có thể sửa hoặc thêm CSS, Color Property hay JavaScript ngay tại chỗ. Nếu bạn muốn làm việc với CSS và áp dụng một ID cụ thể? Hãy đặt trỏ chuột vào ID đó và nhấn tổ hợp phím Ctrl + E, Brackets sẽ chỉ ra tất cả những lựa chọn CSS với ID trong cửa sổ và bạn có thể làm việc song song với đoạn mã của mình mà không phải chuyển giữa các thẻ tab.

Những thay đổi cũng sẽ được cập nhật ngay lập tức trong những file có liên quan tới các yếu tố đã được thay đổi đó. 

Công cụ Quick Edit trong Brackets
Tính năng Quick Edit cho phép người dùng chỉnh sửa nhanh chóng với Brackets

Người dùng có thể sử dụng tính năng tìm kiếm và thay thế với bộ lọc, lùi đầu dòng, nhân đôi các dòng cũng như chuyển đổi các dòng và chặn những bình luận. Brackets còn có tính năng cho phép highlight các dòng đang hoạt động và cho phép người dùng chuyển ngay tới định nghĩa đoạn mã.

Sử dụng Quick Edit trong Brackets cho những mục đích khác nhau
Sử dụng công cụ Quick Edit để sửa màu trong Brackets

Xem trước với tính năng Live Preview

Khi các nhà phát triển web thường phải sử dụng Gulp hoặc Grunt để tạo Live Reload, tức là thấy ngay các thay đổi mà không cần tải lại trình duyệt, Brackets mang đến công cụ Live Preview mạnh mẽ hơn nhiều. Brackets cho phép người dùng kết nối trực tiếp với trình duyệt đang sử dụng. Khi bạn tiến hành bất kì thay đổi nào với CSS và HTML, bạn sẽ thấy ngay được những thay đổi đó trên màn hình. Người dùng cũng có thể thấy được đoạn CSS mà bạn đã thay đổi trên trình duyệt bằng cách đặt trỏ chuột vào đó.

Tính năng Live Preview của Brackets
Xem trực tiếp những thay đổi CSS với tính năng Live Preview mạnh mẽ của Brackets

Trích xuất từ PSD

Tính năng hỗ trợ tự động trích xuất thành phần bên trong tập tin PSD sẽ giúp người dùng viết CSS nhanh chóng hơn. Khi bạn sử dụng màu nào đó, Brackets sẽ gợi ý màu có trong tập tin PSD hoặc tự trích xuất các thành phần như hình ảnh, icon... Bên cạnh việc trích xuất các lớp dưới dạng hình ảnh, người dùng còn có thể sử dụng thông tin PSD để xác định các biến trước khi xử lý. Việc này sẽ rất tiện lợi cho việc chuyển từ file PSD sang HTML.

Brackets hỗ trợ trích xuất từ PSD
Hỗ trợ trích xuất từ PSD là tính năng rất tiện ích của công cụ soạn mã nguồn mở Brackets

Công cụ phát triển mạnh mẽ với các gói mở rộng đa dạng và hiệu quả

Một vài công cụ sửa lỗi đã được bao gồm trong Brackets. Người dùng có thể sử dụng các gói mở rộng (Extensions), thay đổi giao diện người dùng UI, chạy thử, xem các dữ liệu... Brackets hỗ trợ các gói mở rộng đa dạng mà không cần cài đặt Package Control. Thay vào đó, Brackets hỗ trợ sẵn khu vực cài đặt bằng đường dẫn File/Extension Manager.

Quản lý danh mục gói mở rộng trong Brackets
Danh mục gói mở rộng có thể tìm thấy trong mục File của Brackets

Với hàng trăm các gói mở rộng và số lượng các gói mở rộng thêm tiếp tục được phát hành từ 3-4 tuần một lần, Brackets hỗ trợ không giới hạn cho công việc của các nhà thiết kế web. Gói mở rộng Extract đi kèm trong link tải về cho phép người dùng đưa những thông tin thiết kế từ PSD bao gồm các thông tin về màu sắc, font chữ, hay các thông tin đo lường. Khi hoàn thành, người dùng có thể lưu lại dưới dạng file web hoặc file text.

Cảnh báo lỗi với JSLint

Với những nhà phát triển web sử dụng JavaScript thì JSLint không còn xa lạ gì. JSLint là một công cụ không thể thiếu để kiểm tra hoặc cảnh báo các lỗi lập trình đoạn mã trong JavaScript. Brackets hỗ trợ sẵn JSLint và phần mềm sẽ tự động kiểm tra mỗi khi người dùng lưu tập tin.

Thông báo các lỗi JavaScript với công cụ JSLint của Brackets
Công cụ JSLint tích hợp trong Brackets giúp phát hiện và cảnh báo các lỗi lập trình với JavaScript

Chuyển đổi ngôn ngữ

Nếu bạn làm việc với các tập tin mà gói mở rộng không hỗ trợ ngôn ngữ, ví dụ như file .inc, các tập tin giả mạo PHP như tập tin .module hoặc không có gói mở rộng hỗ trợ cho ngôn ngữ đó thì chế độ chuyển đổi ngôn ngữ Language Switcher sẽ rất có ích với bạn. Điều này cũng có nghĩa là người dùng có thể tận dụng lợi thế của các tính năng của ngôn ngữ đặc biệt đó như highlight các cú pháp trong tập tin mới trước khi lưu lại.

Chuyển đổi ngôn ngữ trong Brackets
Chuyển đổi ngôn ngữ trong Brackets

Là công cụ soạn thảo mã nguồn mở cho website, Brackets không ngừng lên phiên bản khá thường xuyên, cùng với đó là các tính năng mới, bộ extension và theme mới. Những tính năng mới chủ yếu là các thay đổi về lựa chọn đóng mở file hay một số tính năng trên giao diện người dùng. Các extension mới hoặc extension được nhiều người tải có thể được tìm thấy tại trang chủ của Brackets.

Yêu cầu hệ thống:

  • Ít nhất RAM 2 GB.
  • Hệ điều hành Windows XP/Vista/7/8 trên cả 32 và 64 bit.

Có thể bạn quan tâm:

Bình luận


Phần mềm liên quan

Có thể bạn quan tâm

huong-dan-lay-id-nhan-vat-pubg-mobile-vn-1398641657.jpg

Hướng dẫn lấy ID nhân vật PUBG Mobile VN

Mã số nhân vật hay còn được gọi ID nhân vật PUBG Mobile VN là một chuỗi ký tự bao gồm các số thứ tự được lồng ghép vào nhau, chúng cho phép người chơi PUBG Mobile dễ dàng tìm kiếm nhân vật, nhận thưởng các phần quà hoặc nạp thể dễ dàng hơn, tránh tình trạng nhận nhầm thông thôn sang người chơi khác.

10/02/2020  |  Phần mềm

cach-tang-toc-do-website-wordpress-hieu-qua-948640397.png

Cách tăng tốc độ website WordPress hiệu quả

Tốc độ trang web rất quan trọng đối với một trang web vì nhờ đó mà có thể đạt được thứ hạng cao trên trình tìm kiếm Google, thu hút thêm nhiều lượt truy cập. Trong bài viết này Safedownload.net sẽ đưa ra 10 cách tăng tốc Website Wordpress hiệu quả nhất.

17/02/2020  |  Công nghệ

thu-thuat-tao-theme-nen-dark-mode-cho-win-10-250197092.jpg

Thủ thuật: Chuyển đổi theme nền Dark mode cho Win 10

Theo mặc định Windows 10 được thiết kế dịu mắt, sử dụng nhiều gam màu trắng, tươi sáng, từ nền cửa sổ cho đến thanh tiêu đề. Ngoài ra, Microsoft cũng tích hợp một bộ Theme khác trên Windows 10 có tên là Dark Theme. Tuy nhiên tính theo mặc định Dark Theme đã bị ẩn do đó rất ít người dùng biết đến tính năng này. Với cách vô cùng đơn giản, Safedownload.net xin chia sẻ thao tác để kích hoạt Dark mode trên Win 10 như sau:

14/03/2020  |  Thủ thuật


Keywords

download Brackets download Brackets về máy tải Brackets về máy tải Brackets tải phần mềm Brackets tai phan mem Brackets download phan mem Brackets tai phan mem Brackets về máy

Tìm kiếm bài viết

Top Download

1

Minecraft

Game xây dựng thế giới, khai thác tài nguyên Minecraft

2

chicken invaders

Game bắn gà Chicken Invaders

3

SoftEther VPN Client

Tạo mạng ảo an toàn

4

KMSpico

Phần mềm kích hoạt Windows và Office

5

Internet Download Manager

Hỗ trợ download IDM

6

AOE - Age of Empires

Đế chế 2, Game chiến thuật nổi tiếng thế giới

7

Cool Edit Pro

Phần mềm thu âm

8

Easy Paint Tool SAI

Phần mềm vẽ Chibi dễ thương

9

Kaspersky Internet Security

Phần mềm diệt virus Kaspersky

10

TypingMaster Pro

Phần mềm luyện gõ 10 ngón

h

phần mềm mới

messenger-314181251.png

Download Messenger

Messenger

394 lượt xem
adorable-home-1497056362.jpg

Download Adorable Home

Adorable Home

525 lượt xem
minitool-partition-wizard-818123740.png

Download MiniTool Partition Wizard

Phần mềm quản lý phân vùng

386 lượt xem
mindmanager-403368271.png

Download MindManager

Vẽ sơ đồ tư duy

929 lượt xem
camera-reolink-1268702589.png

Download Camera Reolink

Giám sát Camera

268 lượt xem
game-dao-vang-194411149.png

Download Game đào vàng

Game đào vàng

687 lượt xem
connectify-1236536377.png

Download Connectify

Tạo điểm phát wifi trên laptop

267 lượt xem
brackets-2037786619.png

Download Brackets

Trình soạn thảo lập trình Website

265 lượt xem
atom-1641737404.png

Download Atom

Soạn thảo và chỉnh sửa mã nguồn

261 lượt xem
vim-1220636460.jpg

Download Vim

Soạn thảo ngôn ngữ lập trình

290 lượt xem

bài viết nổi bật

key-kis-2019-2020-tong-hop-key-kaspersky-internet-security-moi-nhat-2020-da-test-ok-1984074560.jpg

KEY KIS 2019, 2020 - Tổng hợp Key Kaspersky Internet Security mới nhất 2020 - Đã Test OK

02/06/2020

tong-hop-key-cai-dat-product-key-win-10-tat-ca-cac-phien-ban-update-2020-1250051123.png

Tổng hợp Key Cài đặt (Product Key) Win 10 tất cả các phiên bản | Update 2020

02/06/2020

tong-hop-key-cai-dat-product-key-win-7-moi-phien-ban-update-2020-400075746.jpg

Tổng hợp Key Cài Đặt (Product Key) Win 7 mọi phiên bản | Update 2020

02/06/2020

share-key-ban-quyen-win-10-2020-huong-dan-active-ban-quyen-win-10-vinh-vien-khong-can-crack-1498625214.jpg

Share Key bản quyền Win 10 2020 | Hướng dẫn Active bản quyền Win 10 vĩnh viên không cần crack

02/06/2020

sua-loi-khong-vao-duoc-game-trong-dau-truong-chan-ly-dtcl-2125647013.png

Sửa lỗi không vào được game trong Đấu Trường Chân Lý (ĐTCL)

02/06/2020


bài viết mới

iphone-12-se-nho-hon-iphone-se-2020-370793476.jpg

iPhone 12 sẽ nhỏ hơn iPhone SE 2020

11/05/2020

huong-dan-download-phan-mem-ultraviewer-cho-macos-1212043984.jpg

Hướng dẫn download phần mềm Ultraviewer cho MacOS

19/04/2020

ly-do-cha-de-cua-zoom-tao-ra-no-1719711567.jpg

Lý do cha đẻ của zoom tạo ra nó

18/04/2020

huong-dan-tao-gian-hang-va-cach-dang-ky-ban-hang-tren-tiki-95926479.jpg

Hướng dẫn tạo gian hàng và cách đăng ký bán hàng trên Tiki

10/04/2020

huong-dan-khac-phuc-loi-man-hinh-laptop-bi-soc-ngang-soc-doc-260776895.jpg

Hướng dẫn khắc phục lỗi màn hình laptop bị sọc ngang, sọc dọc

09/04/2020

huong-dan-sua-loi-laptop-khong-mo-duoc-camera-0xa00f4244-we-cant-find-your-camera-886747425.png

Hướng dẫn sửa lỗi laptop không mở được Camera (0xA00F4244 - We Can’t Find Your Camera)

09/04/2020

huong-dan-giam-dung-luong-anh-hang-loat-bang-photoshop-503502272.jpg

Hướng dẫn giảm dung lượng ảnh hàng loạt bằng Photoshop

08/04/2020