Cara Memformat Kode Secara Otomatis dalam Kode VS

Device Links
HTMLJSONPythonAuto-Format di SaveDevice Missing?
Jika Anda berpikir untuk belajar membuat kode atau sudah menulisnya setiap hari, editor kode yang andal, seperti Visual Studio Code, harus dimiliki. Saat Anda menulis kode, Anda harus memikirkan pemformatan, karena memudahkan manusia untuk membacanya.

Semua aturan khusus tentang indentasi dan spasi baris itu penting tetapi juga mudah dilupakan saat Anda fokus pada pekerjaan Anda.

Itulah sebabnya Kode VS memungkinkan Anda untuk menggunakan ekstensi pemformatan otomatis yang dapat membantu Anda di sepanjang jalan. Beberapa ekstensi pemformatan otomatis dapat memformat lebih dari satu bahasa pemrograman, sementara Anda harus mengintegrasikan ekstensi khusus untuk yang lain.

Cara Memformat Otomatis HTML

Hyper Text Markup Language atau HTML adalah bahasa pengkodean yang digunakan untuk membuat dan menampilkan halaman web. Pengembang web dan insinyur perangkat lunak menggunakan HTML setiap hari dan dapat memanfaatkan alat pemformatan otomatis.

Jika editor kode pilihan Anda adalah Kode VS, berikut ini cara Anda dapat menemukan Prettier, pemformat kode populer, dan mengaktifkan fitur format otomatis.
Buka Kode Visual Studio di komputer Anda. Arahkan ke tab ekstensi di sisi kiri layar. Ini direpresentasikan sebagai empat blok. Di bidang bilah pencarian, masukkan “Pemformat kode yang lebih cantik.” Anda akan mendapatkan beberapa hasil pencarian, tetapi pilih salah satu yang dibuat oleh Prettier, bukan orang atau perusahaan lain. Klik tombol “Instal”, dan ekstensi akan diunduh dalam beberapa detik.
Setelah Anda menginstal formatter Lebih Cantik, Anda dapat mengaktifkan fitur format otomatis dan memastikan gaya yang konsisten saat Anda menulis kode.
Buka atau buat file HTML baru di Kode VS.Buka “Pengaturan ,” terletak di sudut kiri bawah layar. Masukkan “Format” di kotak pencarian dan alihkan ke tab “Pengguna”. Klik opsi “Pemformat Default” dan pilih “Lebih Cantik” dari daftar. Gulir ke bawah sedikit sampai Anda melihat opsi “Editor: Format Saat Simpan”. Centang kotak di sebelah opsi ini. Kembali ke file Anda dan periksa apakah pengaturannya berfungsi.
Prettier akan secara otomatis memformat file HTML Anda saat Anda menyimpannya.

Format Otomatis JSON

Objek JavaScript Notasi atau JSON diklasifikasikan sebagai bahasa-independen format pertukaran data. Aplikasi seluler dan program komputer menggunakan file JSON untuk membaca data dari server dan menampilkannya di layar.

Ketika Anda membuat file JSON di editor Kode Visual Studio, Anda juga perlu memperhatikan pemformatannya. Kabar baiknya adalah Anda dapat menggunakan ekstensi formatter yang lebih cantik dalam Kode VS untuk menerapkan gaya yang konsisten pada file JSON Anda.

Inilah semua yang perlu Anda lakukan untuk mengaktifkan fitur pemformatan otomatis untuk file JSON.
Luncurkan Kode VS dan buka tab ekstensi yang ditunjuk di sisi kiri jendela. Cari “Pemformat kode yang lebih cantik” di bidang pencarian. Hasil pertama biasanya yang ingin Anda klik. Namun, untuk memastikannya, pilih salah satu yang memiliki “Prettier” terdaftar sebagai pengembang. Klik “Install” dan tunggu beberapa detik hingga formatter mengunduh. ikuti langkah-langkah ini.
Buat file JSON baru atau buka file yang belum diformat. Klik “Pengaturan” di sudut kiri bawah. Cari “Format”. Klik bagian “Pemformat Default”. dari daftar drop-down, pilih “Lebih Cantik.” Gulir ke bawah dan berhenti ketika Anda melihat opsi “Editor: Format Saat Simpan”. Klik kotak centang di sebelah opsi ini. Verifikasi bahwa fitur format otomatis berfungsi.
Hanya itu yang ada untuk itu. Ekstensi Lebih Cantik di editor VS Code membuat pemformatan otomatis menjadi mudah.

Format Otomatis Python

Saat ini, Python adalah salah satu bahasa pemrograman paling populer dan banyak digunakan oleh pengembang web dan penggemar coding. Ini digunakan untuk merancang dan membangun perangkat lunak dan situs web, menganalisis data, mengotomatiskan tugas, dan banyak lagi.

Jika Anda menggunakan Kode VS untuk mengedit file Python, Anda harus menggunakan formatter yang benar. Meskipun Prettier berfungsi untuk banyak bahasa pemrograman yang berbeda, Prettier tidak kompatibel dengan Python.

Untungnya, VS Code menawarkan solusi. Salah satu formatter Python terbaik di VS Code adalah Black, dan dapat digunakan untuk memformat kode setiap kali Anda menyimpan file secara otomatis. Namun, sebelum menggunakan Black, Anda perlu mengunduh ekstensi Python Microsoft untuk Kode VS:
Buka Kode VS dan cari “Python” di kotak pencarian. Pastikan itu ekstensi Microsoft dan klik “Instal.” Untuk menginstal formatter Phyton, masukkan yang berikut ini teks di lingkungan virtual Anda: “$ pip install black”. Buka “Pengaturan” di Kode VS dan cari “Penyedia pemformatan Phyton.” Dari menu tarik-turun, pilih “Hitam.” Gulir ke bawah dan cari “Editor: Format Pada opsi Simpan”. Centang kotak di sebelah opsi ini.
Black, pemformat Python sekarang akan secara otomatis memformat kode setiap kali Anda menyimpan file.

VS Kode Format Otomatis Pada Simpan

Anda dapat mengaktifkan fitur pemformatan otomatis terlepas dari bahasa pemrograman atau pemformat kode yang Anda gunakan di VS Code.

Sebagian besar pengembang menggunakan beberapa ekstensi pemformatan kode di VS Code, jadi Anda dapat memastikan masing-masing ekstensi secara otomatis memformat file saat Anda menyimpannya.

Begini cara kerjanya.
Buka Visual Studio Code edit atau.Klik ikon roda gigi “Pengaturan” di sudut kiri bawah.Cari “Formatter” dan klik opsi “Editor: Default Formatter”.Dari menu tarik-turun, pilih formatter kode mana pun yang ingin Anda gunakan.Gulir ke bawah a bit dan centang kotak di sebelah opsi “Editor: Format On Save”.
Anda dapat mengulangi proses untuk setiap formatter kode yang Anda gunakan di VS Code.

FAQs
Mengapa “Format Saat Simpan” otomatis tidak berfungsi?

Jika Anda memiliki ” Format Saat Simpan” di pemformat Kode VS, dan tidak berfungsi dengan benar, Anda mungkin menghadapi kesalahan.

Mungkin versi pemformat yang Anda miliki mengalami masalah, dan Anda perlu memeriksa apakah ada pembaruan yang tersedia. Namun, masalahnya mungkin tidak ada di pihak Anda, dan kesalahan akan diselesaikan oleh pengembang VS Code.
Bagaimana cara mematikan format otomatis di VS Code?

Menonaktifkan fitur pemformatan otomatis sangatlah mudah. Ikuti langkah-langkah ini untuk mematikan format otomatis.

1. Buka editor Kode VS dan klik ikon “Pengaturan”.

2. Cari “Formatter” dan pilih formatter yang ingin Anda nonaktifkan auto format.

3. Temukan opsi “Editor: Format On Save” dan hapus centang pada kotak di sebelahnya.

Pemformatan Otomatis Kode yang Mudah di Visual Studio Code

Salah satu aspek terbaik dalam menggunakan VS Code adalah antarmuka yang dirancang dengan baik, bahkan memungkinkan pemula untuk menemukan jalan di sekitar editor.

Pemformatan kode yang tepat dan berkelanjutan sangat penting untuk kode yang dapat dibaca, tetapi konvensi ini dapat menjadi rumit jika Anda harus melakukannya secara manual.

Tetapi kabar baiknya adalah bahwa editor Kode VS memiliki banyak pemformat kode yang dapat mempermudah dan mempercepat penulisan yang dapat dibaca code.

Apakah itu Lebih Cantik, Hitam, atau ekstensi lainnya, pengguna selalu memiliki opsi untuk memformat kode secara otomatis saat mereka menyimpan file.

Bahasa pemrograman apa yang Anda gunakan, dan formatter mana yang bekerja paling baik? Beri tahu kami di bagian komentar di bawah.

Scroll to Top