Langsung ke konten utama

Extensions Visual Studio Code Yang Wajib Kamu Ketahui!

Ditulis oleh : Yoelddev

 

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!

Labels:

Komentar

Posting Komentar

Postingan populer dari blog ini

Selamat Datang!

Ditulis oleh : Yoelddev
 Selamat Datang Di Blog Saya! Hai! nama saya Yoel Desamin atau biasa dikenal sebagai Yoel. Saya berumur 13 Tahun dan Saya berasal dari Kota Bekasi juga hari ini saya bersekolah di SMP Negeri 8 Kota Bekasi. berikut biodata lengkap mengenai diri saya : Nama Lengkap   : Yoel Desamin Tempat, Tanggal Lahir : Bekasi, 18 Desember 2010 Umur : 13 Tahun Sekolah : SMP Negeri 8 Kota Bekasi Kelas : IX/9 Hobi : Programming Cita-Cita : Developer / Pastor Selengkapnya mengenai saya : klik disini
Posting Komentar
Lihat Selengkapnya »

Website Tanpa Pusing (extensions)

Ditulis oleh : Yoelddev
  Cara Buat Website Tanpa Harus Pusing Banyak orang bertanya, apakah saya harus belajar banyak mengenai HTML, CSS, Dan JavaScript untuk membuat website? jawabannya TIDAK. disaat ini banyak sekali extensions dan CMS yang memudahkan kita untuk membuat website, contohnya adalah website ini yang menggunakan blogger. Dan pada blog ini saya akan menjelaskan mengenai salah satu extentions/tools/alat untuk mempermudah membuat web yang bernama bootstrap. Kalian bisa mengakses bootsrap dengan cara akses ke  https://getbootstrap.com/   Mengapa Harus Bootsrap? Karena Bootsrap memiliki tampilan yang lebih mudah dipahami dan bahkan lebih mudah dalam mendesign suatu website dalam multiple device. Bagaimana Cara Memakai Bootsrap? mudah. Anda bisa membaca petunjuk singkat cara mengunakan bootsrap di  https://getbootstrap.com/docs/5.0/getting-started/introduction/ Anda bisa membaca cara pemakaian dan cara membuat web di dokumentasi lengkap mereka.  Selamat menggunakan bootsrap an...
Posting Komentar
Lihat Selengkapnya »

Styling Dasar Dengan CSS

Ditulis oleh : Yoelddev
 Tutorial Styling Dengan CSS 1. Apa Itu CSS? CSS merupakan singkatan dari cascading style sheet. CSS digunakan untuk membuat sebuah website menjadi lebih menarik. Website tanpa CSS seperti nasi tanpa lauk alias tidak enak.  Ya, CSS memberi warna baru dalam sebuah website, website dengan HTML saja biasanya hanya berupa teks datar dan membosankan, tetapi dengan CSS kita bisa mengubah semua itu. 2. Bagaimana Memulai Coding Dengan CSS? Kita sudah membuat HTML sebelumnya, jadi sekarang kita bisa melanjutkan disana.  Sebelum itu kita bisa menginstall extensions di VSCode untuk membuat proses coding lebih mudah EXTENSIONS      1. Color Highlight      2. Color Picker      3. CSS Formatter      4. CSS Navigation      5. CSS Peek Sebelumnya kalian sudah mencoba tag <h1> bukan? Mari kita styling teks tersebut. Tetapi sebelum mulai styling mari kita buat file css terlebih dahulu. Pertama buat file dengan...
Posting Komentar
Lihat Selengkapnya »