Pengenalan editor visual studio code
Python

Mengenal Editor Visual Studio Code sebagai Tool Koding

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.

Contents

Instalasi Visual Studio Code

Buka website officialnya di https://code.visualstudio.com/download dan pilih download installer sesuai dengan sistem operasi yang kamu gunakan

Pengenalan editor visual studio code

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

$ cd Downloads
$ sudo dpkg -i code_1.41.1-1576681836_amd64.deb

Setelah sukses instalasi buka aplikasi visual studio code

Pengenalan editor visual studio code

Di Sidebar sebalah kanan terdapat menu Customize digunakan untuk menambah ekstensi bahasa pemrograman, konfigurasi dan kustomisasi template

Dengan 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 coding

Misal 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

Pengenalan editor visual studio code

Command Palette

Command Palette menyediakan banyak akses perintah. Kita bisa memberikan perintah editor, membuka file, mencari file dan sebagainya dengan cepat dan mudah

Untuk membuka Command Palette tekan kombinasi Ctrl+Shift+P

Pengenalan editor visual studio code

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

Pengenalan editor visual studio code

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 yang berfungsi 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

Pengenalan editor visual studio code

Contoh pada tampilan diatas saya sudah menginstall ekstensi untuk Java dan Python sehingga saya dapat dengan mudah menggunakan sintaknya seperti saat menggunakan IDE

Contoh saat membuat script Python akan diberikan rekomendasi dan dokumentasi dari fungsi yang digunakan

Pengenalan editor visual studio code

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

Pengenalan editor visual studio code

Grid Editor Layout

Kita juga mudah dalam manajemen layout Visual Studio Code. Kita dapat dengan mudah mengatur grup editor dalam tata letak apa pun baik secara vertikal maupun horizontal

Menu Editor Layout : View – Editor Layout

Grid Editor Layout

Color Themes

Color Themes memungkinkan kita untuk memodifikasi warna dalam antarmuka Visual Studio Code agar sesuai dengan selera

Pilih menu File > Preferences > Color Theme selanjutnya cukup geser cursor keatas dan kebawah dengan keyboard untuk memilih tema yang diinginkan

Pengenalan editor visual studio code

Cloud Environment

Kita juga bisa melakukan merasakan lingkungan cloud melalui Visual Studio Code sperti membuat database, melakukan perintah insert, update, delete dan sebagainya di cloud

ini adalah contoh instalasi ekstensi untuk menghubungkan Visual Studio Code dengan Azure SQL Database

Cara Membuat SQL Database di Azure dengan Visual Studio Code

Setelah terkoneksi kita dapat menulis script query

Pengenalan editor visual studio code

Lebih jelas silahkan baca Cara Membuat SQL Database di Azure dengan Visual Studio Code

Sebenarnya masih sangat banyak fitur dari Visual Studio Code tetapi ulasan diatas adalah yang sering saya gunakan.. Lebih detailnya silahakan masuk ke dokumentasi resminya https://code.visualstudio.com/docs

1 Comment

  1. bahasa yang digunakan blog ini mudah untuk dipahami serta menyertakan hasil screenshoot dari codingannya dan juga menyertakan video tutorialnya dalam blog ini

Leave a Reply

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