Tutorial Penggunaan Text Editor Visual Studio Code

Tutorial Penggunaan Text Editor Visual Studio Code

Deskripsi Tutorial Penggunaan Text Editor Visual Studio Code

Untuk melakukan aktifitas coding kita membutuhkan editor yang baik. Banyak sekali editor yang bisa digunakan baik itu free maupun berbayar.Salah satu editor free yang cukup populer adalah Visual Studio Code yang dikembangkan oleh MIcrosoft.Di beberapa artikel yang berisi tentang programming saya juga menggunakan Visual Studio Code sebagai editor untuk melakukan proses programming karena kenyamanan, user experience yang bagus dan tidak berat saat digunakan.

Cara Instalasi

Hal yang harus di lakukan pertama yaitu masuk ke website official visual studio code .Berikut tampilan untuk download visual studio code pada official nya,pilihlah OS(Operating System) sesuai dengan perangkat yang di gunakan.

Visual Studio Code merupakan aplikasi cross platform yang dapat digunakan berbagai sistem operasi seperti Windows, Linux dan Mac OS.Misal saya menggunakan sistem operasi Ubuntu sehingga yang perlu saya download adalah installer tipe .deb (untuk distro Debian atau Ubuntu).Kemudian Jalankan file installernya.Untuk Sistem Operasi Windows cukup double click file .exe -nya.Sedangkan untuk Debian / Ubuntu bisa juga dengan cara yang sama yaitu double click file .deb -nya.atau kita bisa gunakan terminal untuk instalasi file .deb.Masuk di folder download dan ketikkan perintah seperti ini :

Setelah sukses instalasi buka aplikasi visual studio code,kemudian akan memunculkan tampilan seperti di bawah ini

Di Sidebar sebalah kanan terdapat menu Customize digunakan untuk menambah ekstensi bahasa pemrograman, konfigurasi dan kustomisasi templateDengan menambah ekstensi bahasa pemrograman maka kita tidak perlu selalu mengingat fungsi yang ada pada bahasa pemrograman tersebut karena plugin tersebut akan membantu kita dalam proses codingMisal kita akan tambah ekstensi bahasa Python. Klik Python di menu Customize

Tunggu beberapa saat dan coba bikin file baru dengan testing .py.Ketik kode singkat untuk import library dan suggestion sintak bahasa Python telah muncul

Command Palette

Command Palette menyediakan banyak akses perintah. Kita bisa memberikan perintah editor, membuka file, mencari file dan sebagainya dengan cepat dan mudahUntuk membuka Command Palette tekan kombinasi Ctrl+Shift+P

Contoh saya ingin memberikan perintah untuk menjalankan file Python melalui terminal

Maka hasilnya dia akan menjalankan script Python melalui terminal

Integrated Terminal

Salah satu kelebihan Visual Studio Code adalah kita bisa langsung mengeksekusi script di editor secara langsung di terminal tanpa harus membuka terminal tambahan

1 = Script kode yang kita buat untuk menampilkan teks

2 = Terminal yang terintegrasi digunakan untuk menjalankan program

3 = Opsi untuk menambah atau berganti terminal

Pada poin 3 kita dapat berganti-ganti terminal atau menjalankan banyak terminal untuk banyak keperluan dengan sangat mudah

Extensions

Ekstensi adalah fungsi tambahan dalam yangberfungsi untuk memperluas kemampuan dari editor yang dapat membantu developer dalam melakukan programming.Di paragraf awal sudah diberikan contoh sekilas kelebihan ekstensi untuk membantu user. Untuk membuka fitur extensions tekan tombol extensions di sidebar kiri dan lakukan pencarian ekstensi yang diinginkan

     Search

Fitur search Visual Studio Code juga luar biasa cepatnya. Kemudahan yang diberikan selain kecepatan query pencarian data juga dia akan mencari sampai di level kontennya.Misal saya membuat 2 file dengan nama hello.py dan hello.java dan ingin melakukan pencarian kode println di java.Hasilnya, selain teks println di hello.java di highlight, di hasil pencarian juga ditampilkan kata println dan ditemukan di file apa saja beserta snippet kodenya.