coding pertamaku

 CODING DENGAN VISUAL STUDIO CODE

BATAS WAKTU 

 08.00-16.00

PEMBAHASAN 

 Kali ini saya akan menjelas kan tentang coding menggunakan visual studio code berikut langkah"nya

 INSTALLASI

     Installer visual studio code dapat diuntuh pada link berikut  ini https://code.visualstudio.com/download 

ANTARMUKA

 layout terbagi atas 5 bagian yaitu:

A. View Bar, berisi tombol-tombol yaitu:

o Explorer yang berfungsi untuk melihat daftar folder dan filefile didalamnya.

o Search untuk melakukan pencarian.

o Source Control untuk melihat daftar folder yang disimpan

pada source control repository.

o Extension untuk melihat daftar extension yang tersedia pada

repository.

o Manage untuk mendampilkan context menu seperti Command

Pallate, Settings dan lain-lain.

o Selain itu pada Gambar 3 fitur lain seperti Run, Remote

Explorer, Test yang ada jika extension terkait diinstall.

B. Side Bar, akan menampilkan view sesuai dengan tombol pada View Bar yang dipilih.

C. Editor Group, akan menampilkan window-window editor dari file

yang dibuka. Artinya jika dibuka 2 file maka akan dapat terlihat 2

windows seperti pada gambar di atas.

D. Panel akan memberikan informasi output dari hasil proses debug,

error, warning dan dapat juga berfungsi sebagai integrated terminal.

TOOL TAMBAHAN

 Pada sub bab ini akan diterangkan cara untuk menambah tool atau extension

yang tersedia pada repository. Akses ke repository memerlukan akses internet.

Cara menginstall extension dapat dilakukan dengan dua cara, yaitu dengan

menggunakan:

1. Extensions.

2. Integrated Terminal.

EXTENSIONS

Untuk mengakses daftar extension yang tersedia dapat mengklik tombol

Extensions pada View Bar. Untuk melihat daftar extension diperlukan koneksi

internet. Daftar extension dapat dilihat pada kotak merah pada area sidebar di

User dapat mencari extension yang diinginkan dengan mengetik kata kunci

pada kolom yang disediakan. Misalnya diketik kata kunci “bootstrap” maka

dapat dilihat hasilnya seperti pada Gambar 4. Klik extension yang sesuai

dengan kemudian hasilnya dapat dilihat pada gambar di atas. Kemudian klik

tombol install maka secara otomatis file extension akan diunduh dan diinstall.

Status berhasilnya proses installasi adalah tombol hijau dengan teks “Install”

akan menjadi tombol biru dengan teks “Uninstall” seperti yang dapat dilihat

pada Gambar 5. Tombol Uninstall dapat digunakan untuk menghapus

extension jika tidak diperlukan Selain itu secara otomatis Visual Studio Code akan memeriksa versi terbaru dari

extension yang telah diiinstall. Jika ada versi terbaru dari extension maka pada

detail extension akan ada tombol untuk update.

INTEGRATED TERMINAL

Cara kedua adalah dengan Terminal. Untuk menampilkan terminal dapat dilakukan dengan cara memilih menu View > Integrated TerminalIntegrated Terminal seperti command prompt yang memungkinkan pengguna menuliskan perintah. Perintah yang dapat digunakan untuk menginstall extension adalah npm (nuget package manager).