Cách dùng Trình tạo .editorconfig
- Chọn preset gần nhất với dự án của bạn: Web, Node, Python, Go hoặc dự án Makefile.
- Điều chỉnh mặc định trong mục
[*]: kiểu và kích thước thụt lề, kiểu xuống dòng, charset, quy tắc khoảng trắng. - Thêm hoặc sửa mục cho từng loại file bằng glob như
*.md,*.{json,yml}hoặcMakefile. - Tải file vào thư mục gốc của repository. VS Code cần cài tiện ích EditorConfig; các IDE JetBrains hỗ trợ sẵn.
Các thuộc tính EditorConfig
| Thuộc tính | Giá trị | Tác dụng |
|---|---|---|
indent_style | space, tab | Thụt lề bằng dấu cách hoặc tab |
indent_size | 2, 4, tab | Độ rộng của một cấp thụt lề |
end_of_line | lf, crlf, cr | Ký tự xuống dòng — hầu hết repository dùng lf |
charset | utf-8, utf-8-bom, latin1… | Bảng mã của file |
trim_trailing_whitespace | true, false | Xóa khoảng trắng cuối dòng khi lưu |
insert_final_newline | true, false | Đảm bảo file kết thúc bằng một dòng trống |
max_line_length | number, off | Đường gợi ý hoặc tự ngắt dòng trong các trình soạn thảo hỗ trợ |
Vì sao Markdown và Makefile có mục riêng
Trong Markdown, hai dấu cách cuối dòng tạo ngắt dòng, nên cần trim_trailing_whitespace = false cho *.md. Makefile bắt buộc dùng ký tự tab thật cho các dòng lệnh, còn gofmt của Go cũng dùng tab. PEP 8 của Python khuyến nghị 4 dấu cách.
EditorConfig so với Prettier
EditorConfig quy định cách trình soạn thảo ghi file khi bạn gõ; các công cụ định dạng như Prettier thì viết lại file khi lưu hoặc trong CI. Hai công cụ này làm việc cùng nhau — Prettier còn đọc .editorconfig để lấy thông tin thụt lề và kiểu xuống dòng. Hãy đặt file này cạnh .gitignore và package.json, rồi định dạng code hiện có bằng JavaScript, CSS hoặc Formatter HTML.
Cũng được tìm dưới tên: tạo file editorconfig, .editorconfig là gì, ví dụ editorconfig, cấu hình thụt lề tab space, end of line lf crlf, xóa khoảng trắng cuối dòng, thêm dòng trống cuối file, editorconfig vscode.
Các công cụ dùng kèm tốt với Trình tạo .editorconfig
- GitHub Actions Generator — Chọn công nghệ, trigger và các bước, bạn sẽ nhận được file .github/workflows/ci.yml có chú thích — gồm cài đặt, cache, lint, test, build, ma trận phiên bản và tùy chọn deploy lên GitHub Pages, Vercel hoặc container registry.
- Kiểm tra YAML — Dán file Docker Compose, manifest Kubernetes, workflow GitHub Actions hoặc bất kỳ YAML nào để xác định chính xác lỗi, phát hiện các lỗi thường gặp và nhận bản đã định dạng gọn gàng.
- Tạo Kubernetes YAML — Nhập tên ứng dụng, image và cổng, bạn sẽ có ngay Kubernetes YAML sẵn sàng cho production: một Deployment với probe, giới hạn tài nguyên và security context được gia cố, cùng Service, Ingress có TLS, ConfigMap, Secret và HorizontalPodAutoscaler mà bạn chọn — tất cả trong một file, sẵn sàng cho kubectl apply.
- Trình tạo systemd Service — Chạy ứng dụng của bạn như một dịch vụ Linux đúng chuẩn, tự khởi động cùng hệ thống và tự restart khi bị crash.
Câu hỏi thường gặp
Đặt .editorconfig ở đâu?
Ở thư mục gốc của repository. Trình soạn thảo tìm file .editorconfig từ thư mục chứa file đang mở và đi ngược lên trên, dừng lại khi gặp file có root = true.
VS Code có hỗ trợ EditorConfig không?
Có, qua tiện ích chính thức “EditorConfig for VS Code”. Các IDE JetBrains, Visual Studio, Vim (9+/Neovim), Sublime (plugin) và nhiều công cụ khác cũng hỗ trợ.
Dùng tab hay dấu cách?
Hãy theo quy ước của ngôn ngữ bạn dùng: 2 dấu cách cho JavaScript, CSS, HTML, JSON và YAML; 4 dấu cách cho Python, Java và C#; tab cho Go và Makefile. Quan trọng nhất là nhất quán trong cùng một repository.
Nên dùng LF hay CRLF?
LF cho gần như mọi repository, kể cả các dự án phát triển trên Windows — Git và trình soạn thảo hiện đại xử lý tốt. Chỉ dùng CRLF cho các file riêng của Windows như .bat hoặc .cmd.
Tôi có thể cài Trình tạo .editorconfig như một ứng dụng web và dùng khi không có mạng không?
Có. Trình tạo .editorconfig là một ứng dụng web (PWA) có thể cài đặt — cài trực tiếp từ trình duyệt, không cần tải từ cửa hàng ứng dụng. Trên Chrome hoặc Edge (Windows, macOS, Linux, ChromeOS) hoặc Android, bấm Cài đặt ứng dụng ở đầu trang này; trên iPhone và iPad, dùng Chia sẻ → Thêm vào Màn hình chính; trên Mac, dùng File → Add to Dock trong Safari 17 trở lên. Sau đó ứng dụng mở trong cửa sổ riêng với biểu tượng riêng, và vì chạy hoàn toàn trên trình duyệt nên vẫn hoạt động khi không có mạng. Firefox trên máy tính không thể cài ứng dụng web. Cách cài đặt hoạt động thế nào.