Cara menggunakan Generator .editorconfig
- Pilih preset yang paling dekat dengan proyek kamu: Web, Node, Python, Go, atau proyek Makefile.
- Sesuaikan pengaturan default di bagian
[*]: gaya dan ukuran indentasi, akhir baris, charset, serta aturan spasi. - Tambahkan atau ubah bagian untuk file tertentu dengan glob seperti
*.md,*.{json,yml}, atauMakefile. - Unduh file ke root repository kamu. VS Code membutuhkan ekstensi EditorConfig; IDE JetBrains sudah mendukungnya secara bawaan.
Properti EditorConfig
| Properti | Nilai | Efek |
|---|---|---|
indent_style | space, tab | Spasi atau tab untuk indentasi |
indent_size | 2, 4, tab | Lebar satu level indentasi |
end_of_line | lf, crlf, cr | Akhir baris — gunakan lf di sebagian besar repository |
charset | utf-8, utf-8-bom, latin1… | Encoding file |
trim_trailing_whitespace | true, false | Hapus spasi di akhir baris saat menyimpan |
insert_final_newline | true, false | Pastikan file diakhiri dengan newline |
max_line_length | number, off | Panduan atau pemotongan baris di editor yang mendukung |
Kenapa Markdown dan Makefile punya bagian sendiri
Di Markdown, dua spasi di akhir baris membuat pemisah baris, jadi trim_trailing_whitespace = false untuk *.md. Makefile membutuhkan karakter tab asli untuk baris recipe, dan gofmt di Go juga memakai tab. PEP 8 untuk Python merekomendasikan 4 spasi.
EditorConfig vs Prettier
EditorConfig mengatur cara editor menulis file saat kamu mengetik; formatter seperti Prettier menulis ulang file saat disimpan atau di CI. Keduanya bisa dipakai bersama. Prettier bahkan membaca .editorconfig untuk indentasi dan akhir baris. Letakkan file ini di samping .gitignore dan package.json kamu, dan rapikan kode yang sudah ada dengan JavaScript, CSS, atau Formatter HTML.
Juga dicari sebagai: .editorconfig, contoh editorconfig, indent tab atau spasi, end of line lf crlf, hapus trailing whitespace, tambah final newline, editorconfig vscode.
Tool yang cocok dipakai bersama Generator .editorconfig
- Generator Workflow GitHub Actions — Pilih stack, pemicu, dan langkahnya, lalu dapatkan .github/workflows/ci.yml yang sudah diberi komentar — install, cache, lint, test, build, matrix versi, dan deploy opsional ke GitHub Pages, Vercel, atau container registry.
- Validator YAML — Tempel file Docker Compose, manifest Kubernetes, workflow GitHub Actions, atau YAML apa pun untuk menemukan error, menangkap jebakan umum, dan mendapatkan versi yang sudah terformat rapi.
- Generator YAML Kubernetes — Isi nama aplikasi, image, dan port, lalu dapatkan YAML Kubernetes siap production: Deployment dengan probe, batas resource, dan security context yang diperketat, plus Service, Ingress dengan TLS, ConfigMap, Secret, dan HorizontalPodAutoscaler yang kamu centang — dalam satu file yang siap untuk kubectl apply.
- Generator systemd Service — Jalankan aplikasimu sebagai service Linux yang otomatis start saat boot dan restart saat crash.
Pertanyaan yang sering diajukan
Di mana saya meletakkan .editorconfig?
Di root repository kamu. Editor mencari file .editorconfig mulai dari folder file yang dibuka, lalu naik ke folder atasnya, dan berhenti di file yang memiliki root = true.
Apakah VS Code mendukung EditorConfig?
Ya, dengan ekstensi resmi “EditorConfig for VS Code”. IDE JetBrains, Visual Studio, Vim (9+/Neovim), Sublime (plugin), dan banyak editor lain juga mendukungnya.
Pakai tab atau spasi?
Ikuti konvensi bahasa pemrogramanmu: 2 spasi untuk JavaScript, CSS, HTML, JSON, dan YAML; 4 spasi untuk Python, Java, dan C#; tab untuk Go dan Makefile. Yang paling penting adalah konsistensi dalam satu repository.
Sebaiknya pakai LF atau CRLF?
LF untuk hampir semua repository, termasuk yang dikembangkan di Windows, karena Git dan editor modern sudah menanganinya. Gunakan CRLF hanya untuk file khusus Windows seperti .bat atau .cmd.
Bisakah saya memasang Generator .editorconfig sebagai aplikasi web dan memakainya offline?
Bisa. Generator .editorconfig adalah aplikasi web (PWA) yang bisa dipasang. Pemasangannya lewat browser kamu, bukan diunduh dari toko aplikasi. Klik Pasang aplikasi di bagian atas halaman ini di Chrome atau Edge (Windows, macOS, Linux, ChromeOS) atau di Android. Di iPhone dan iPad, gunakan Bagikan → Tambahkan ke Layar Utama, dan di Safari 17+ pada Mac, gunakan File → Tambahkan ke Dock. Setelah itu, aplikasi akan terbuka di jendelanya sendiri dengan ikonnya sendiri. Karena berjalan sepenuhnya di browser kamu, aplikasi ini tetap bisa dipakai offline. Firefox di desktop tidak bisa memasang aplikasi web. Cara memasang aplikasi.