Setelah berhasil menginstal Visual Studio Code, langkah berikutnya adalah mengenal cara membuka dan menjalankan aplikasi tersebut. Bagi seseorang yang baru belajar coding, tampilan awal VS Code mungkin terlihat sedikit membingungkan. Ada banyak menu, panel, ikon, dan fitur yang belum diketahui fungsinya. Namun, tidak perlu khawatir karena aplikasi ini dirancang agar dapat digunakan oleh pemula maupun programmer berpengalaman.
Visual Studio Code atau VS Code merupakan aplikasi editor kode yang membantu pengguna menulis, mengedit, dan mengelola berbagai bahasa pemrograman. Melalui aplikasi ini, pengguna bisa mulai membuat website, mempelajari Python, mengembangkan program sederhana, hingga mengerjakan proyek pemrograman yang lebih kompleks.
Bagi mahasiswa yang tertarik mendalami bidang teknologi dan bisnis digital, Universitas Ma’soem menyediakan program studi S1 Bisnis Digital, S1 Sistem Informasi, serta D3 Komputerisasi Akuntansi. Bidang tersebut memberikan kesempatan untuk mempelajari pemanfaatan teknologi dalam kegiatan bisnis, pengelolaan informasi, dan administrasi keuangan secara digital.
Cara Membuka Visual Studio Code untuk Pertama Kali
Ada beberapa cara untuk membuka VS Code di laptop atau komputer Windows. Pengguna bisa memilih cara yang paling mudah sesuai kebiasaan masing-masing.
Berikut langkah-langkahnya:
1. Membuka melalui menu Start
Cara pertama cukup sederhana dan cocok untuk pemula.
- Klik tombol Start pada Windows.
- Ketik Visual Studio Code pada kolom pencarian.
- Pilih aplikasi Visual Studio Code yang muncul.
- Tunggu beberapa saat sampai halaman utama terbuka.
2. Membuka melalui ikon Desktop
Jika saat instalasi pengguna memilih opsi membuat ikon desktop, aplikasi dapat dibuka dengan lebih cepat.
Caranya, cari ikon Visual Studio Code pada layar desktop, kemudian klik dua kali. Setelah itu, aplikasi akan terbuka secara otomatis.
3. Membuka melalui Command Prompt
Pengguna juga bisa membuka VS Code melalui Command Prompt atau terminal Windows.
Caranya sebagai berikut:
- Tekan tombol Windows + R.
- Ketik CMD, kemudian tekan Enter.
- Masukkan perintah
code. - Tekan Enter dan tunggu sampai VS Code terbuka.
Cara ini dapat digunakan jika perintah VS Code sudah terdaftar pada PATH sistem.
Mengenal Tampilan Awal Visual Studio Code
Setelah aplikasi berhasil dibuka, pengguna akan melihat halaman awal atau Welcome Screen. Bagian ini menyediakan beberapa pilihan untuk memulai pekerjaan.
Agar tidak bingung, kenali beberapa bagian penting berikut:
- Start: Menampilkan pilihan untuk membuat file baru, membuka file, atau membuka folder proyek.
- Recent: Menampilkan daftar proyek atau folder yang pernah dibuka sebelumnya.
- Customize: Membantu pengguna mengatur tampilan dan preferensi aplikasi.
- Learn: Menyediakan panduan untuk mengenal fitur dan penggunaan VS Code.
Selain halaman awal, terdapat beberapa panel utama yang perlu dipahami.
| Bagian | Fungsi |
|---|---|
| Explorer | Mengelola folder dan file proyek. |
| Search | Mencari teks atau kode dalam proyek. |
| Source Control | Mengelola perubahan kode menggunakan sistem kontrol versi. |
| Extensions | Menambahkan fitur tambahan. |
| Terminal | Menjalankan perintah langsung dari aplikasi. |
| Editor | Tempat menulis dan mengedit kode program. |
Dengan mengenali bagian tersebut, pengguna akan lebih mudah memahami alur kerja ketika mulai membuat program.
Langkah Pertama Menggunakan VS Code: Membuat Folder Proyek
Sebelum menulis kode, sebaiknya buat folder khusus untuk menyimpan proyek. Kebiasaan ini penting agar file tidak berantakan dan lebih mudah ditemukan ketika dibutuhkan.
Berikut cara membuat folder proyek:
- Buat folder baru pada laptop, misalnya dengan nama Belajar Coding.
- Buka aplikasi Visual Studio Code.
- Pilih menu File.
- Klik Open Folder.
- Cari folder Belajar Coding yang sudah dibuat.
- Klik Select Folder untuk membukanya.
Setelah berhasil, nama folder akan muncul pada bagian Explorer.
Pengguna bisa membuat berbagai file di dalam folder tersebut sesuai kebutuhan. Misalnya, file HTML untuk membuat halaman website atau file Python untuk mempelajari dasar pemrograman.
Cara Membuat dan Menjalankan File Pertama di VS Code
Setelah folder proyek terbuka, sekarang waktunya mencoba menulis kode sederhana. Untuk latihan pertama, pengguna bisa menggunakan HTML karena bahasa ini sering digunakan untuk membuat struktur halaman website.
Ikuti langkah berikut:
1. Buat file baru
Pada bagian Explorer, klik ikon New File. Berikan nama index.html, kemudian tekan Enter.
2. Masukkan kode HTML
Tuliskan kode sederhana berikut pada bagian editor:
<!DOCTYPE html>
<html>
<head>
<title>Belajar Coding</title>
</head>
<body>
<h1>Halo, Selamat Datang!</h1>
<p>Ini adalah website pertama saya.</p>
</body>
</html>3. Simpan file
Tekan Ctrl + S untuk menyimpan perubahan yang sudah dibuat.
4. Buka hasil program
Cari file index.html melalui File Explorer Windows, kemudian klik dua kali. File akan terbuka menggunakan browser bawaan yang tersedia pada perangkat.
Jika muncul tulisan Halo, Selamat Datang!, berarti kode HTML berhasil ditampilkan.
Perlu dipahami bahwa VS Code berfungsi sebagai editor kode. Untuk melihat hasil HTML, pengguna membutuhkan browser. Sementara itu, bahasa pemrograman lain mungkin memerlukan interpreter, compiler, atau perangkat tambahan agar program dapat dijalankan.
Mengapa VS Code Tidak Bisa Dibuka atau Menjalankan Program?
Tidak semua pengguna langsung berhasil ketika mencoba menjalankan aplikasi untuk pertama kali. Beberapa kendala mungkin muncul, baik ketika membuka VS Code maupun saat menjalankan kode.
Berikut masalah yang sering terjadi beserta solusinya:
| Masalah | Solusi |
|---|---|
| VS Code tidak terbuka | Restart laptop dan coba jalankan kembali. |
| Aplikasi tidak ditemukan | Cari melalui menu Start Windows. |
| Perintah code tidak dikenali | Periksa pengaturan PATH atau instalasi aplikasi. |
| File tidak bisa disimpan | Pastikan folder memiliki izin akses. |
| Program tidak berjalan | Periksa sintaks dan kebutuhan bahasa pemrograman. |
| Hasil HTML tidak muncul | Periksa file yang dibuka dan pastikan sudah disimpan. |
Jika mengalami kendala, jangan langsung menghapus aplikasi atau mengulang instalasi. Periksa terlebih dahulu pesan error yang muncul agar penyebabnya dapat diketahui.
Untuk calon mahasiswa yang ingin mendapatkan informasi lebih lanjut mengenai pilihan pendidikan dan bidang pembelajaran di Universitas Ma’soem, Admin Universitas Ma’soem dapat dihubungi melalui nomor +62 851 8563 4253.
Tips agar Tidak Bingung Saat Pertama Kali Belajar VS Code
Menggunakan VS Code untuk pertama kali memang membutuhkan penyesuaian. Namun, prosesnya akan terasa lebih mudah jika dilakukan secara bertahap.
Ada beberapa kebiasaan sederhana yang bisa diterapkan:
- Mulai dari satu bahasa pemrograman agar proses belajar lebih fokus.
- Gunakan nama file yang jelas dan mudah dikenali.
- Biasakan menyimpan pekerjaan menggunakan Ctrl + S.
- Pelajari fungsi menu sedikit demi sedikit.
- Jangan takut mencoba kode baru dan memperbaiki kesalahan.
- Buat proyek sederhana sebagai latihan rutin.
Selain belajar secara mandiri, mengikuti pembelajaran yang terarah juga dapat membantu memahami konsep pemrograman dengan lebih baik. Universitas Ma’soem bisa menjadi salah satu pilihan bagi calon mahasiswa yang ingin mengembangkan kemampuan di bidang digital melalui pendidikan formal.
Pada akhirnya, membuka dan menjalankan Visual Studio Code bukanlah sesuatu yang sulit. Kuncinya adalah berani mencoba, memahami fungsi setiap fitur, dan membiasakan diri berlatih. Tidak perlu langsung membuat aplikasi yang rumit. Mulailah dari satu file sederhana, kemudian tingkatkan kemampuan secara perlahan. Siapa tahu, dari latihan pertama tersebut muncul ketertarikan untuk menjadi seorang programmer profesional.
