Ekstensi Yang Wajib di Install Pada VS Code Untuk Membantu Dalam Pembuatan Program
https://enigmacamp.medium.com/instalasi-visual-studio-code-untuk-semua-sistem-operasi-1fbeff281521
Sebagai programmer dalam membangun sebuah program pasti memerlukan kemudahan dalam membuat nya.
Banyak pilihan bagi sebagian programmer untuk menentukan code editor yang mana yang akan di gunakan dan sudah mempunyai konfigurasi sendiri pada dalam membantu pembuatan program.
Disini saya akan memberikan sebuah tips dalam menentukan code editor yang cocok untuk semua kalangan baik untuk pemula dalam membangun dan mengembangkan sebuah program. Code editor tersebut adalah Visual Studio Code.
Visual Studio Code merupakan code editor yang paling banyak di gunakan oleh programmer, teman-teman bisa cek di artikel berikut https://visualstudiomagazine.com/articles/2021/01/13/wakatime-vs-code.aspx
Visual Studio Code sangat mudah dan nyaman di gunakan, saya juga disini sudah sejak tahun 2014 hingga sekarang masih menggunakan.
Untuk menunjang dalam pembuatan program ada beberapa yang harus kita konfigurasikan salah satunya adalah sebuah ekstensi atau plugin.
Berikut ekstensi yang wajib di Install pada Visual Studio Code
- Prettier — Code formatter
Ekstensi ini wajib teman-teman install karena ekstensi ini akan membantu dalam code formatter sehingga code yang teman-teman buat tertata dengan rapih dan enak di baca. Ekstensi ini sudah mendukung banyak bahasa pemrograman seperti JavaScript, PHP, TypeScript, HTML, Angular, Vue dan masih banyak lagi.
2. Live Server
Ekstensi ini berfungsi untuk membuat sebuah server lokal secara real time. Ketika membuat sebuah program PHP kita pasti memerlukan sebuah server untuk menjalankan, salah satu server yang terkenal adalah XAMPP. Ketika kita sudah menginstall ekstensi ini kamu tidak perlu lagi menggunakan bantuan xampp untuk menjalankan bahasa pemrograman yang berjalan dibawah server seperti PHP.
3. Auto Close Tag
Dengan ekstensi ini teman-teman akan terbantukan dalam pembuatan program khusunya program yang mempunyai tag adalah PHP yang di kombinasikan dengan HTML.
4. Auto Rename Tag
Ektesni ini sesuai dengan nama nya, akan otomatis merename sebuah tag jika ada perubahan, ekstensi ini akan sangat membantu dalam pembuatan dokunen seperti HTML dan CSS.
5. Beautify
Sama hal nya dengan Prettier, Beautify ini sangat membantu dalam merapihkan code yang berantakan khususnya pada dokumen HTML dan CSS.
Jadi perbedaan nya apa dengan Prettier ?
Perbedaan nya adalah Beautify dapat memformat code secara otomatis ketika file di simpan.
6. PHP Intellisense
Jika teman-teman seorang programmer PHP ekstensi ini sangatlah membantu dengan ini teman-teman terbantukan dengan adanya fitur code completion dalam membuat sebuah program PHP. Secara default Visual Studio Code sudah ada intellisensenya, akan teteapi banyak yang mengatakan intellisense bawaan Visual Studio Code masih kurang lengkap, sehingga perlu menambahkan ekstensi baru dengan code completion PHP Intellisense ini.
7. Open in browser
Ekstensi ini berfungsi untuk membuka file source code kamu ke browser secara langsung, dengan cara klik kanan projek yang kamu buat lalu pilih open in browser.
8. Error Lens
Ekstensi ini memudahkan kita dalam menunjukkan kesalah code yang di tulis ketika mengalami error.
9. Better Comments
Better Comments adalah ekstensi yang akan membantu untuk meningkatkan kode dengan komentar melalui peringatan, informasi, todo. Ekstensi ini sangat bagus untuk teman-teman yang sedang bekerja dalam tim, karena kode yang dibuat akan mudah dibaca, sehingga antar anggota tim dapat mengerti satu sama lain dengan mudah dan cepat.
10. GitLens — Git supercharged
Ekstensi sangat cocok untuk teman-teman yang mengembangkan program dengan kelompok, befungsi untuk memantau perubahan-perubahan pada version control baik di local maupun di production.
Tambahan Ekstensi
Untuk tambahan ekstensi ini adalah tema Visual Studio Code agar tampilan lebih menarik, yaitu One Dark Pro. Tema ini sangat telah banyak di install oleh lebih dari 7 juta pengguna.
Enigma IT Bootcamp
Information Technology Company
For Recruitment:
📧: recruitment@enigmacamp.com
📞: +62 813 8711 8339
For Partnership:
📧: sales@enigmacamp.com
📞: +62 21 2780 6212
