Langsung ke konten utama

Extensions Visual Studio Code Yang Wajib Kamu Ketahui!

 

Extensions Visual Studio Code Yang Wajib Kamu Ketahui!


Banyak Sekali pelajar bahkan programmer sekalipun terkadang merasa kesulitan dalam membuat suatu sistem coding dikarenakan kurangnya tools-tools/alat-alat pembantu yang membuat coding lebih menarik dalm lebih mudah dilakukan.

Berikut beberapa Extensions yang dapat digunakan untuk memudahkan proses coding

1. One Dark Pro

One Dark Pro adalah extensions yang berfungsi untuk mengubah theme/tema dari VSCode kalian menjadi lebih bervariasi dalam mode gelap. Extensions ini sangat cocok bagi kalian yang suka mode gelap tetapi tidak cocok dengan mode gelap milik VSCode.

2. VSCode-Icons

VSCode Icons juga dapat menjadi pilihanmu jikalau kamu merasa bosan melihat tampilan icon-icon pada VSCode. Dengan Extensions ini logo-logo file akan berubah dan menjadi lebih menarik untuk kita lihat.

3. Live Server

Extensions ini sangat berguna bagi kalian yang suka membuat coding website. Karena dengan extensions ini kalian tidak perlu repot-repot melakukan refresh lagi pada browser kalian alias tampilan browser kalian akan terupdate sendiri. Cukup dengan menekan tombol "Go Live" di pojok kanan bawah layar, kalian dapat mengaktifkan extensions ini. (note : Hanya berfungsi untuk HTML)

4. Prettier - Code Formatter

Bagi kamu yang sering kesal karena code program yang berantakan, extensions ini sangat cocok bagimu! Dengan menggunakan extensions ini kamu dapat memformat/merapihkan code pemrogramman milikmu hanya dalam sekali klik!

5. Path Intellisense, Import Cost

Extensons ini sangat berguna bagi kamu yang malas mengetik nama file yang panjang! Karena extensions ini dapat dengan mudah membaca file jadi kamu hanya perlu mengetik 1 huruf dan extensions ini akan menampilkan pilihan file yang ingin kamu ketik.

6. Auto Close Tag, Auto Complete Tag, Auto Rename Tag

Extensions ini sangat cocok bagi kamu yang ingin cepat dalam membuat HTML. Jadi dengan ketiga extensions ini Tag pada HTML kamu akan secara otomatis terlengkapi, tertutup, dan terganti saat kamu menganti tag awalnya.

7. Color Picker, Color Highlight

Untuk kamu yang pusing memilih warna dalam membuat website, sekarang dengan kedua extensions ini kamu dapat dengan mudah memilih warna pada CSS mu!

8. CSS Flexbox Cheatsheet

Bagi Kamu yang sering bingung untuk membuat flexbox dalam suatu website!

9. CSS Navigation

Cocok untuk kamu yang sering kebingungan dalam mencari Styling dalam suatu CSS.

10. Indent Rainbow

Extensions ini sangat bagus untuk kamu yang merasa bosan dengan tampilan VSCode yang membosankan. Dengan menggunakan Extensions ini susunan baris code akan menjadi penuh dengan warna.



Ada banyak sekali extensions yang dapat memudahkan kalian untuk melakukan coding, tetapi saya berikan kurang lebih 10 untuk kalian coba!

Komentar

Postingan populer dari blog ini

Apa itu Next JS?

 Next.js || Framework Modern untuk Pengembangan Web Cepat dan Efisien Next.js adalah framework JavaScript berbasis React yang populer untuk membangun aplikasi web modern. Dikembangkan oleh Vercel, Next.js menawarkan fitur-fitur canggih seperti rendering server-side dan statis, yang membuatnya ideal untuk menciptakan website cepat, SEO-friendly, dan interaktif.   1. Keunggulan Next.js - Rendering Fleksibel: Next.js mendukung server-side rendering (SSR) dan static site generation (SSG), memungkinkan pengembang untuk memilih metode rendering yang paling efisien. SSR membantu meningkatkan SEO dengan konten yang langsung terindeks oleh mesin pencari, sementara SSG membuat halaman statis yang ringan dan cepat dimuat.   - Routing Otomatis: Routing di Next.js sangat mudah karena setiap file dalam folder `pages/` otomatis menjadi rute. Tidak perlu konfigurasi tambahan seperti di framework lain.   - Pengoptimalan Gambar dan Kinerja:  Dengan komponen bawaa...