Trình soạn thảo văn bản dành cho lập trình viên - công cụ lập trình. Tuyển tập các môi trường đa nền tảng miễn phí để phát triển web

Xin chào các bạn trên làn sóng blog, trang sau kỳ nghỉ Tết đã quay trở lại với những ấn phẩm mới, hân hoan với những thông tin mới thú vị. Trong bài đăng này, tôi sẽ đưa ra tuyển tập các chương trình phổ biến nhất để chỉnh sửa mã (html, css, js, php). Trước hết, tôi tập trung vào các nhà phát triển (lập trình viên), những người sẽ cảm thấy thoải mái khi làm việc với cú pháp được đánh dấu, các đoạn mã tạo sẵn và các tính năng khác có trong chương trình. Hãy xác định trình soạn thảo văn bản html tốt nhất.

Trước khi chúng ta chuyển sang danh sách các trình soạn thảo html, tôi muốn nghe ý kiến ​​​​của bạn trong phần nhận xét về trình soạn thảo mã mà bạn sử dụng. Mỗi nhà phát triển đều cảm thấy thoải mái với công cụ quen thuộc của mình và tôi muốn sẽ có ít tranh cãi hơn về sản phẩm này hay sản phẩm khác. Và nếu bạn quyết định tranh luận, tôi muốn yêu cầu bạn đưa ra ý kiến ​​hợp lý về chương trình mà bạn sử dụng.

Tôi hy vọng mọi người nhớ nơi bạn có thể nhận được sản phẩm trả phí! Suỵt, tôi chưa nói với bạn =))

1. Sổ tay++

Trình soạn thảo văn bản mã nguồn mở, miễn phí dành cho Windows với tính năng tô sáng cú pháp cho một số lượng lớn ngôn ngữ lập trình và đánh dấu. Hỗ trợ mở hơn 100 định dạng khác nhau. Một trình soạn thảo nhẹ phổ biến để chỉnh sửa nhanh các tài liệu, tôi sử dụng nó để chỉnh sửa các đoạn mã nhỏ một cách nhanh chóng.

Khả năng:

  • Làm nổi bật cú pháp
  • Thu gọn mã, biểu tượng có thể mở rộng
  • Tự động hoàn thành các từ và biểu thức cũng như tự động đóng dấu ngoặc và thẻ (được bật trong cài đặt)
  • Dấu trang cho các tài liệu khác nhau
  • Biểu thức chính quy để tìm kiếm và thay thế
  • Ghi và phát macro (lặp lại hành động cụ thể của người dùng)
  • So sánh tập tin
  • Quản lý dự án
  • Bản đồ tài liệu
  • Ghi đè mọi phím nóng
  • Sao lưu các tập tin đã lưu (được bật trong cài đặt)
  • Chuyển đổi văn bản bằng plugin TextFX được kết nối
  • Hỗ trợ và chuyển đổi mã hóa ANSI, UTF-8 và UCS-2

Các lập trình viên dành nhiều thời gian để viết và gỡ lỗi mã. Để viết mã hoạt động, một ứng dụng đơn giản có thể chỉnh sửa nội dung văn bản của tệp là đủ. Nhưng viết code theo cách này rất khó, tốn thời gian và mắc nhiều lỗi trong quá trình phát triển, sau này khó tìm ra.

Các biên tập viên hiện đại giúp khắc phục những thiếu sót này. Trong bài viết này, chúng ta sẽ xem xét cách các trình soạn thảo giúp tăng tốc quá trình phát triển và cải thiện chất lượng mã. Chúng ta cũng sẽ xem xét riêng từng trình soạn thảo và tìm hiểu xem chúng khác nhau như thế nào cũng như những ưu điểm mà mỗi trình soạn thảo có.

Có cả biên tập viên trả phí và miễn phí. Ngày nay phổ biến nhất trong số đó là:

Đẩy nhanh quá trình phát triển

Hầu hết các trình soạn thảo hiện đại đều có một số tính năng cần thiết cho nhà phát triển:

Chúng ta hãy xem xét từng người trong số họ chi tiết hơn.

Làm nổi bật các cấu trúc cùng loại bằng một màu riêng biệt giúp nhanh chóng tìm thấy phần mã mong muốn một cách trực quan. Điều này làm cho mã dễ đọc và dễ hiểu hơn đối với nhà phát triển.

Khi viết mã, bạn không muốn phá vỡ các phần lồng bắt buộc sau khi ngắt dòng. May mắn thay, quá trình này thường được tự động hóa. Khi bạn ngắt dòng, chương trình sẽ tự động thiết lập mức độ lồng nhau.

Một tệp được đặt lồng chính xác sẽ dễ đọc và điều này cũng mang lại cho chương trình khả năng ẩn các khối mã. Ví dụ: để nhìn rõ hơn ranh giới của một trang web và không vô tình chạm vào các trang lân cận, bạn có thể nhóm các khối mã một cách thuận tiện và chỉ để lại khối bạn cần hiển thị.


Trong quá trình phát triển, bạn thường xuyên có nhu cầu tìm kiếm thông tin tham khảo. Nhờ tính năng tự động hoàn thành được tích hợp sẵn, bạn không cần phải lãng phí thời gian vào việc này. Chương trình phân tích mã được viết một cách nhanh chóng và đưa ra các tùy chọn để tiếp tục.

Bạn cũng có thể nhanh chóng nhận được thông tin tham khảo về cách xây dựng mong muốn, tìm hiểu về số lượng đối số mà hàm sử dụng, v.v.


Khu vực làm việc của biên tập viên có thể được chia thành hai hoặc nhiều khu vực. Ví dụ: bằng cách này, bạn có thể tách tệp đánh dấu và tệp kiểu để không lãng phí thời gian chuyển đổi giữa chúng.


Bản đồ nhỏ

Để điều hướng dễ dàng trong tài liệu, bạn có thể sử dụng bản đồ nhỏ. Nó thường nằm ở cột bên phải và hiển thị cấu trúc file. Khi bạn nhấp vào bản đồ nhỏ, phần tài liệu mong muốn sẽ được hiển thị.

Vẻ bề ngoài

Đối với những người muốn tùy chỉnh công cụ cho riêng mình, có nhiều điều chỉnh trong cài đặt: bạn có thể thay đổi kích thước phông chữ, cách phối màu, quy tắc ngắt dòng văn bản, v.v. Điều này sẽ giúp quá trình phát triển trở nên thoải mái hơn.

Dự án

Để không phải tìm kiếm hệ thống vị trí của thư mục làm việc mỗi lần, bạn có thể lưu thông tin này trong trình chỉnh sửa bằng cách tạo một dự án. Điều này thuận tiện trong quá trình hoạt động vì nó cho phép bạn nhanh chóng chuyển đổi giữa chúng.

Đối với những người chỉnh sửa khác nhau, việc đánh dấu các dự án sẽ cung cấp các tùy chọn bổ sung. Ví dụ: nếu bạn tạo một dự án trong WebStorm, chương trình sẽ đọc toàn bộ nội dung của thư mục dự án. Sau khi phân tích, trình chỉnh sửa sẽ cung cấp các gợi ý, chẳng hạn như liên kết đến một tệp không tồn tại.


Các dự án trong trình soạn thảo.

Phân tích như vậy giúp có thể cấu trúc lại mã, xóa tệp, v.v. một cách an toàn.

Tích hợp ứng dụng

Ngoài việc thực hiện chức năng chính - cung cấp môi trường thoải mái để viết mã - người chỉnh sửa có thể bao gồm chức năng của các ứng dụng của bên thứ ba. Điều này biến một chương trình đơn giản thành một môi trường phát triển tích hợp. Phiên bản cơ bản của các trình soạn thảo khác nhau bao gồm một số ứng dụng như vậy khác nhau.

Bạn có thể làm phong phú thêm chức năng bằng cách thêm plugin. Chúng ta hãy xem xét một số khả năng này.

Hệ thống kiểm soát phiên bản

Tiện ích mở rộng biên tập

Có nhiều gói được viết cho Sublime Text 3 giúp làm việc trong trình soạn thảo thoải mái hơn. Tiếp theo, chúng ta sẽ xem xét một số tiện ích mở rộng như vậy và xem cách cài đặt chúng trong chương trình.

Để thêm gói, bạn cần mở giao diện nhập lệnh. Điều này có thể được thực hiện thông qua mục menu Công cụ → Bảng lệnh hoặc bằng cách nhập lệnh phím nóng (điều khiển) + shift + p. Sau đó, tại giao diện nhập lệnh các bạn chọn Package Control: Install Package

Sau đó, chương trình sẽ hiển thị danh sách các gói. Tại đây bạn có thể chọn và cài đặt gói mong muốn. Bạn có thể xem mô tả chi tiết về từng tiện ích mở rộng cho Sublime Text 3 trên trang web Kiểm soát gói.


Có điều kiện, các gói có thể được chia thành nhiều loại.

Tăng tốc phát triển:

  • Emmet
  • BracketHighlighter. Ngoài ra, nó còn làm nổi bật đường viền của dấu ngoặc, phần tử và những thứ khác. Giúp bạn điều hướng mã tốt hơn.
  • SideBarEnchacements. Tăng số lượng hành động bạn có thể thực hiện trong thanh bên khi làm việc với các tệp và thư mục.
  • Mã tuyệt vời Intel . Làm cho trình soạn thảo “thông minh hơn”. Thêm tính năng tự động hoàn thành cho các ngôn ngữ khác nhau và các tính năng hữu ích khác.
  • Git và GitGutter. Thêm tích hợp với hệ thống kiểm soát phiên bản Git vào trình chỉnh sửa.
  • Cấu hình biên tập

Trình kiểm tra cú pháp:

Đầu tiên bạn cần cài đặt gói SublimeLinter cho trình soạn thảo. Bạn cũng phải cài đặt Node.js trên máy tính của mình. Sau này, bạn cần cài đặt các plugin quan tâm để thử nghiệm. Hầu hết chúng được gọi là gói cần thiết SublimeLinter. Ví dụ: