Tips Mudah Menggunakan Editor Visual Studio (VS Code) Untuk Coding

Teks Editor yaitu merupakan suatu software atau program komputer yang bisa mengubah teks untuk membuat, memodifikasi, atau mengedit file teks yang ada dalam format teks biasa (edits plain text). Teks Editor ini dapat digunakan untuk menulis program komputer atau mengedit kode bahasa pemrograman.

Sebelumnya Teks Editor menggunakan bawaan windows yaitu notepad, selanjutnya menggunakan notepad++ dan saat ini umum digunakan atau bahkan sering digunakan oleh para programmer untuk ngoding yaitu Visual Studio Code (Free/Gratis) dengan adanya banyak extention atau bisa di sebut program/plugin untuk mempermudah proses developmen dan lebih power full yang dikembangkan oleh komunitas sehingga VS Code ini memiliki kemampuan yang hampir sama dengan IDE yang didalamnya ada teks editor seperti (Netbeans, Eclipse, dll)

Cara mendownload Visual Studio Code yaitu dengan bantuan Browser seperti Google Chrome atau Mozilla dan bukan google.com lalu ketikan Visual Studio Code, atau langsung di klik link berikut: https://code.visualstudio.com/ cari tombol download dan klik jangan lupa agar kedownload dan hasil download biasanya ada di folder download dan bisa langsung di jalankan, seperti biasa di klik 2x next next (bisa di cecklist create a desktop icon agar Shortcuts Editor berada di depan/desktop) lanjut next, install sampai finish.

Berikut Tampilan Visual Studio Code dengan background tema warna Light Modern seperti pada gambar, ada juga tema warna Dark jika suka yang gelap dop (disesuaikan saja)
Warna Tema/Color Theme dengan memilih Dark, dan bisa memilih Red dan lain – lain tinggal piih pada setting -> times -> color theme, dan bisa insall themes lainnya jika di inginkan
salah satu Kelebihannya pada teks editor Visual Studio Code adalah adanya Terminal, jadi bisa memuncul shell atau command prompt yang secara otomatis mengakses folder project yang sedang kita buka/akses

Lanjut menjelajah fitur visual studio code

Pada Explorer, adanya Open Folder (folder yang dimaksud folder projek yang pernah kita buat, seperti projek folder untuk web atau folder untuk bahasa pemrograman lainnya yang nantinya akan di bukan seluruh file yang ada di dalam folder tersebut)
contoh dipilihnya folder
Jika Font terlalu kecil, Bisa Klik Preference -> Settings
Contohnya bisa di setting Auto Save, ketika update program, sudah otomatis save tanpa ctrl+s, serta bisa di tentukan font family

Fitur keunggulan lainnya adanya (auto complete) jadi saat mengetik akan ada bantuan teks yang muncul dan auto save, yang sangat membantu programmer, tanpa klik save.

Extension – Program Untuk Mempermudah Proses Development

klik ekstension untuk membantu koding
misal kita search Material Icon, lalu klik intall
selanjutnya install extension Live Server (untuk menjalankan code yang kita buat agar realtime ketika terjadi perubahan / Hot Reload)
Cara menjalankannya, klik kanan pada file html yang ingin dijalankan atau tekan Go Live dipojok kanan bawah
live server (jadi ketika konten di update browser akan reload langsung apa di update akan ditampilkan, jadi tanpa perlu refresh browser, sudah reload otomatis ketika ada update program)

Jika ingin menginstall extention lain seperti JavaScript, Phython, Ruby, PHP, dll tinggal di search saja untuk mempermudah develop ya gays :

langsung di tuliskan extension yang ingin di tambahkan lalu install
Jika bingung extensions apa yang mau di install bisa googling dengan keyword misal vscode extension for web developer

Selamat belajar, Happy Coding 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *