Beautifier Kode

Rapikan kode dalam 14 bahasa – JavaScript, TypeScript, JSON, HTML, CSS, SCSS, Less, XML, YAML, GraphQL, Markdown, SQL, PHP, dan Python – di browser Anda.

Keluaran

Berjalan sepenuhnya di browser Anda. Data Anda tidak pernah diunggah.

Alat Terkait

Lihat Semua

Apa itu Beautifier Kode?

Beautifier Kode memformat kode sumber dalam banyak bahasa dari satu halaman. Pilih bahasa dan indentasi lalu dapatkan kode berformat konsisten yang dihasilkan formatter mapan (Prettier, Ruff, sql-formatter, xml-formatter).

Cara menggunakan Beautifier Kode

  1. Pilih Bahasa.
  2. Pilih Indentasi.
  3. Tempel kode Anda dan klik Format (sebagian besar bahasa juga diperbarui saat Anda mengetik).
  4. Salin atau unduh hasilnya.

Contoh

Masukan
const a={b:1,c:[1,2]}
Keluaran
const a = { b: 1, c: [1, 2] };

Bahasa: JavaScript, 2 spasi.

Kapan menggunakan Beautifier Kode

Pakai untuk memformat kode dengan cepat dalam bahasa yang tidak Anda miliki toolingnya, atau memformat cuplikan untuk dokumentasi. Untuk proyek, konfigurasikan formatter yang sama di editor atau CI Anda agar keluaran tetap konsisten. Pemformatan tidak pernah memperbaiki kesalahan logika.

Cara kerja Beautifier Kode

Bahasa yang dipilih menentukan mesinnya: Prettier 3 untuk JavaScript (parser Babel), TypeScript, HTML, CSS, SCSS, Less, YAML, GraphQL, Markdown, dan PHP (@prettier/plugin-php); pencetak JSON ketat untuk JSON; xml-formatter untuk XML; sql-formatter (SQL standar, kata kunci huruf besar) untuk SQL; dan Ruff yang dikompilasi ke WebAssembly untuk Python. Mesin hanya diunduh saat pertama dipakai. Error sintaks dilaporkan dengan baris dan kolom bila mesin menyediakannya.

Kasus Penggunaan Umum

  • Memformat cuplikan TypeScript tanpa menginstal Prettier
  • Merapikan kode yang disalin dari obrolan atau PDF
  • Memformat tabel dan daftar Markdown
  • Mengganti indentasi kode antara 2 spasi dan 4 spasi

Catatan Keamanan

Semuanya berjalan secara lokal di browser Anda; kode yang Anda tempel tidak diunggah.

Pertanyaan Umum

Gaya apa yang dipakai untuk pemformatan JavaScript?

Default Prettier: kutip ganda, titik koma, baris 80 karakter.

Mengapa Python lambat pertama kali?

Mesin WebAssembly Ruff diunduh saat pertama dipakai.

Bisakah saya memilih dialek SQL?

Pakai halaman SQL Formatter untuk opsi dialek dan huruf kata kunci.

Langkah berikutnya yang disarankan

Jelajahi kategori lainnya