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

  1. 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

https://www.enigmacamp.com/

--

--

Enigma IT Bootcamp Blog

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store