Laporan Teknologi Web

BAB I – PENDAHULUAN

1.1 Latar Belakang

Visual Studio Code (VS Code) merupakan editor teks modern yang ringan dan mendukung berbagai bahasa pemrograman. Dikembangkan oleh Microsoft, VS Code menjadi pilihan utama karena fitur IntelliSense, integrasi Git, debugging, dan marketplace ekstensi yang kaya.

1.2 Rumusan Masalah

• Apa itu Visual Studio Code?
• Apa saja fitur utama Visual Studio Code?
• Bagaimana penggunaan VS Code dalam pengembangan aplikasi?

1.3 Tujuan

• Memahami fungsi dan keunggulan Visual Studio Code.
• Menjelaskan cara penggunaan dasar VS Code.
• Menganalisis fitur penting yang dimiliki oleh VS Code.

BAB II – TINJAUAN PUSTAKA

2.1 Visual Studio Code

Visual Studio Code adalah editor teks lintas platform berbasis Electron yang mendukung banyak bahasa pemrograman seperti JavaScript, Python, C++, dan lainnya. VS Code tersedia gratis dan open source.

2.2 Fitur Utama

• IntelliSense (saran kode pintar)
• Debugger terintegrasi
• Git Integration
• Marketplace Ekstensi
• Terminal bawaan

BAB III – METODOLOGI

3.1 Alat dan Bahan

• Sistem Operasi (Windows/Linux/macOS)
• Visual Studio Code
• Internet
• Proyek file HTML, CSS, JS

3.2 Langkah-langkah Penggunaan

1. Instal VS Code dari code.visualstudio.com
2. Buka folder proyek melalui menu File → Open Folder
3. Buat file seperti index.html, style.css, dan script.js
4. Pasang ekstensi "Live Server" dari Marketplace
5. Gunakan terminal bawaan dengan Ctrl + ` untuk menjalankan perintah
6. Gunakan Git dari panel Source Control

BAB IV – HASIL DAN PEMBAHASAN

4.1 Tampilan Antarmuka

4.2 Ekstensi Populer

• Live Server
• Prettier
• ESLint
• GitLens
• Python Extension

4.3 Kelebihan VS Code

• Gratis dan open-source
• Ringan dan cepat
• Fitur lengkap untuk pengembangan modern
• Komunitas dan dokumentasi yang luas

BAB V – PENUTUP

5.1 Kesimpulan

Visual Studio Code merupakan editor kode yang modern, fleksibel, dan mendukung banyak kebutuhan pengembangan aplikasi. Fitur seperti debugging, ekstensi, dan Git menjadikannya pilihan favorit pengembang.

5.2 Saran

Mahasiswa diharapkan mampu menguasai VS Code sejak dini untuk memaksimalkan produktivitas dalam menyusun program dan proyek-proyek TI.

Daftar Pustaka

1. Visual Studio Code – https://code.visualstudio.com
2. VS Code Docs – https://code.visualstudio.com/docs
3. Microsoft Learn – https://learn.microsoft.com