2 Cara Belajar Visual Studio Code, Fitur dan Shortcut Canggih Banget Loh!

Belajar Visual Studio Code
Belajar Visual Studio Code

Cara belajar Visual Studio Code saat sangat gampang, loh. Visual Studio Code adalah salah satu software code editor yang diusung oleh perusahaan terkenal, Microsoft. Software ini nantinya akan menjadi code editor favorit bagi beberapa developer.

Hal ini karena memiliki performa yang tangguh. Visual Studio Code yang kompatibel bisa digunakan dalam berbagai bahasa pemrograman. Misalnya melakukan coding dengan TypeScript, JavaScript, atau Node.js di Visual Studio Code.

Cara Belajar Visual Studio Code untuk Pemula

WhatsApp Image 2024 01 17 at 23.14.00 2
Cara Belajar Visual Studio Code untuk Pemula

Visual studio code ini juga memiliki pilihan extension-nya yang beragam. Karena code editornya juga telah mendukung bahasa lain seperti PHP, Python, dan .NET.

Baca juga : Apa Itu Deepfake? Inilah 5 Fakta Lengkapnya yang Wajib Kamu Pahami!

Cara belajar Visual Studio Code, yaitu install aplikasinya terlebih dahulu. Kemudian, buat file dan buka Command Palette. Lalu, mulai tuliskan beberapa perintah. Langkah selanjutnya seperti di bawah ini:

1. Install Aplikasinya dan Buat File Baru

Pertama, cara belajar Visual Studio Code kamu harus bisa mengunduh aplikasinya terlebih dahulu. Pastikan sudah mengunduh dari web resmi Visual Studio Code. 

Kamu juga bisa mengunduh aplikasinya melalui https://code.visualstudio.com/download. Apabila sudah, instal lalu buka aplikasi Visual Studio Code. Lanjut buat file baru dengan cara klik tab ‘File’ dan pilih ‘New File’ atau bisa langsung menekan tombol ‘CTRL + N’ dari keyboard.

2. Mulai Tuliskan Beberapa Perintah

Untuk bisa membuka Command Palette, kamu wajib klik tab ‘View’ dan pilihlah ‘Command Palette’. Setelah itu, cara belajar Visual Studio Code kamu bisa langsung mulai untuk menulis beberapa perintah. 

Kemudian, buka Integrated Teminal dengan cara klik tab ‘View’ dan pilih ‘Teminal’. Kamu juga bisa langsung membuat terminal baru, klik ‘CTRL + SHIFT + ` ‘. Lalu gunakan terminal untuk bisa menjalankan perintah seperti menjalankan aplikasi (tulis node app.js).

Fitur dari Visual Studio Code

WhatsApp Image 2024 01 17 at 23.13.59 3
Fitur dari Visual Studio Code

Seperti yang telah disebutkan, kelebihan Visual Studio Code yang akan membuatnya banyak disukai salah satunya yaitu memiliki fitur lengkap. Penasaran apa saja fitur belajar Visual Studio Code ini? Berikut ini sudah ada beberapa fitur unggulan Visual Studio Code di antaranya:

1. IntelliSense

Coding nantinya akan lebih efektif dengan adanya dukungan fitur IntelliSense di Visual Studio Code. Fitur ini juga bisa langsung membantumu untuk memberikan saran kata.

Di mana akan melengkapi instruksi dalam script Visual Studio Code yang sedang kamu kerjakan. Cara kerjanya hampir sama seperti fitur auto correct pada keyboard smartphone

Biasanya, saat kamu mengetikkan kata, fitur ini juga akan menyediakan pilihan kata yang tepat. Tanpa perlu menyelesaikan pengetikkan, kamu juga bisa memilih saran kata yang sudah disediakan.

Untuk bahasa pemrograman yang telah didukung yaitu JSON, CSS, JavaScript, HTML, serta TypeScript. Kamu juga bisa langsung menggunakan IntelliSense dalam bahasa pemrograman lain dengan menambahkan extension.

2. Basic Editing

Fitur satu ini telah menyediakan berbagai tools untuk mendukung coding. Adapun tools pengeditan dasar seperti Column Selection, Keyboard Shortcut, serta Multiple Selection. Dalam fitur ini juga tersedia Auto Save dan Hot Exit yang berguna untuk membantumu dan menyimpan file secara otomatis.

3. Debugging

Kamu bisa langsung melakukan compile dan eksekusi kode secara berulang (looping) dengan lebih mudah. Semua ini karena adanya fitur Debugging.

Namun, dalam versi default Visual Studio Code hanya menyediakan Debugging untuk bahasa Node.js. Apabila ingin menggunakannya dengan bahasa pemrograman lain, bisa langsung mengunduhnya dari Extension Marketplace.

4. Github Integration

Github satu ini telah terintegrasi pada Visual Studio Code. Dengan adanya kehadiran fitur ini, kamu jadi tak perlu berganti aplikasi untuk bisa membuka Github saat coding.

5. Extension Marketplace

Fitur Visual Studio Code ini tentunya telah mempunyai bahasa pemrograman default-nya sendiri. Kamu nantinya akan tetap bisa menggunakan bahasa pemrograman lain dengan cara mengunduh extension dari fitur ini.

Shortcut dari Visual Studio Code

WhatsApp Image 2024 01 17 at 23.14.00 1
Shortcut dari Visual Studio Code

Terdapat beberapa shortcut keyboard yang bisa digunakan agar kamu lebih mudah ketika menggunakan aplikasi Visual Studio Code di Windows. Berikut ini sudah ada daftar shortcut visual studio code:

Baca juga : 7 Aplikasi Alternatif ChatGPT di Android, Tak Kalah Canggih Loh!
  • Alt + ↑ / ↓: berpindah ke line atas atau bawah.
  • Shift + Alt + ↓ / ↑: mengcopy line atas atau bawah; 
  • Ctrl + Shift + P: dapat menampilkan Command Palette;
  • Ctrl + P: dapat membuka file;
  • Ctrl + Shift + N: mampu membuat Window baru;
  • Ctrl + Shift + W: mampu menutup Window;
  • Ctrl + X: mampu memotong line;
  • Ctrl + C: mampu copy line;
  • Ctrl + Shift + K: menghapus line;
  • Ctrl + Home: menuju awal file;
  • Ctrl + End: menuju file paling akhir;
  • Ctrl + ↑ / ↓: scroll line ke atas atau ke bawah;
  • Alt + PgUp / PgDn: scroll halaman ke atas atau ke bawah;
  • Ctrl + N: membuat file baru;
  • Ctrl + O: membuka file baru;
  • Ctrl + S: simpan;
  • Ctrl + F4: tutup aplikasi.

Itu saja beberapa penjelasan mengenai bagaimana cara belajar Visual Studio Code. Kamu bisa langsung menggunakan beberapa shortcut di atas untuk mempermudah menjalankan Visual Studio Code.

Penulis: Novi Ardila