Tutorial: Pelajari cara menggunakan editor kode dengan Visual Basic

2025-06-12

Dalam tutorial ini, Anda akan mencoba editor kode di Visual Studio. Anda akan menambahkan kode ke file untuk mempelajari beberapa cara visual Studio membuat penulisan, navigasi, dan pemahaman kode Visual Basic lebih mudah.

Artikel ini mengasumsikan Anda sudah terbiasa dengan Visual Basic. Jika tidak, Anda mungkin ingin memulai dengan tutorial seperti Membuat aplikasi konsol Visual Basic (VB) sederhana.

Untuk menyelesaikan tutorial ini, pastikan Anda memilih pengaturan Visual Basic untuk Visual Studio. Untuk informasi tentang memilih pengaturan untuk lingkungan pengembangan terintegrasi (IDE), lihat Pilih pengaturan lingkungan.

Jika Anda belum menginstal Visual Studio, buka halaman unduhan Visual Studio untuk menginstalnya secara gratis.

Membuat file kode

Mulailah dengan membuat file dan menambahkan beberapa kode ke dalamnya.

Buka Visual Studio. Tekan Esc atau pilih Lanjutkan tanpa kode pada jendela mulai untuk membuka lingkungan pengembangan.
Pada menu File di bilah menu, pilih File Baru.
Dalam dialog File Baru, di bawah kategori Umum, pilih Kelas Visual Basic, lalu pilih Buka.

File baru terbuka di editor dengan kerangka kelas Visual Basic. (Anda sudah dapat melihat bahwa Anda tidak perlu membuat proyek Visual Studio lengkap untuk mendapatkan beberapa manfaat yang diberikan editor kode, seperti penyorotan sintaks. Yang Anda butuhkan hanyalah file kode.)

Buka Visual Studio. Tekan Esc atau pilih Lanjutkan tanpa kode pada jendela pembuka untuk membuka lingkungan pengembangan.
Pada bilah menu, pilih menu File, lalu pilih File Baru.
Dalam dialog File Baru, di bawah kategori Umum, pilih Kelas Visual Basic, lalu pilih Buka.

File baru terbuka di editor dengan kerangka kelas Visual Basic. (Anda sudah dapat melihat bahwa Anda tidak perlu membuat proyek Visual Studio lengkap untuk mendapatkan beberapa manfaat yang diberikan editor kode, seperti penyorotan sintaks. Yang Anda butuhkan hanyalah file kode.)

Menggunakan cuplikan kode

Visual Studio menyediakan cuplikan kode yang dapat Anda gunakan untuk menghasilkan blok kode yang umum digunakan dengan cepat dan mudah. Cuplikan kode tersedia untuk berbagai bahasa pemrograman, termasuk Visual Basic, C#, dan C++. Sekarang Anda akan menambahkan cuplikan Visual Basic Sub ke file.

Letakkan kursor Anda di atas baris yang bertuliskan End Class, dan ketik sub.

Kotak dialog pop-up muncul dengan informasi tentang kata kunci Sub dan cara menyisipkan cuplikan kode Sub.
Tekan tab dua kali untuk menyisipkan cuplikan kode.

Kerangka untuk Sub prosedur MySub() ditambahkan ke dalam berkas.

Cuplikan kode yang tersedia bervariasi untuk berbagai bahasa pemrograman. Anda dapat melihat cuplikan kode yang tersedia untuk Visual Basic dengan memilih Edit>IntelliSense>Sisipkan Cuplikan (atau tekan Ctrl+K, Ctrl+X). Untuk Visual Basic, cuplikan kode tersedia untuk kategori berikut:

Cuplikan layar jendela Sisipkan Cuplikan dengan daftar folder kategori yang berisi cuplikan kode Visual Basic.

Ada cuplikan untuk menentukan apakah file ada di komputer, menulis ke file teks, membaca nilai registri, menjalankan kueri SQL, atau membuat Untuk Setiap... Pernyataan berikutnya, dan banyak lagi.

Letakkan kursor Anda di atas baris yang bertuliskan End Class, dan ketik sub.

Jendela pop-up muncul dengan informasi tentang kata kunci Sub dan cara menyisipkan cuplikan kode Sub.
Pilih tab dua kali untuk menyisipkan cuplikan kode.

Kerangka Subprosedur MySub() ditambahkan ke file.

Cuplikan kode yang tersedia bervariasi untuk berbagai bahasa pemrograman. Anda dapat melihat cuplikan kode yang tersedia untuk Visual Basic dengan mengklik kanan di editor kode dan memilih Cuplikan>Sisipkan Cuplikan (atau dengan menekan Ctrl+K, Ctrl+X). Untuk Visual Basic, cuplikan kode tersedia untuk kategori berikut:

Cuplikan layar memperlihatkan jendela Sisipkan Cuplikan dengan daftar folder kategori yang berisi cuplikan kode Visual Basic.

Komentari kode

Di bagian ini, Anda akan mengomentari beberapa kode.

Cuplikan layar toolbar di Visual Studio, yang menyertakan tombol untuk menambahkan dan menghapus komentar kode.

Tempelkan kode berikut ke dalam isi prosedur MySub().

' _words is a string array that we'll sort alphabetically
Dim _words = New String() {
"the",
"quick",
"brown",
"fox",
"jumps"
}

Dim morewords = New String() {
"over",
"the",
"lazy",
"dog"
}

Dim query = From word In _words
            Order By word.Length
            Select word

Katakanlah Anda tidak menggunakan array morewords, tetapi Anda mungkin menggunakannya nanti, sehingga Anda tidak ingin menghapusnya. Sebagai gantinya, Anda dapat mengomentari baris tersebut. Pilih seluruh definisi morewords hingga kurung kurawal penutup, lalu pilih tombol Komentari baris yang dipilih pada toolbar. Jika Anda lebih suka menggunakan keyboard, pilih Ctrl+K, Ctrl+C.

Karakter komentar Visual Basic ' ditambahkan ke awal setiap baris yang dipilih untuk mengomentari kode.

Cuplikan layar toolbar di Visual Studio, yang menyertakan tombol untuk menambahkan dan menghapus komentar kode.

Tempelkan kode berikut ke dalam isi prosedur MySub().

' _words is a string array that we'll sort alphabetically
Dim _words = New String() {
"the",
"quick",
"brown",
"fox",
"jumps"
}

Dim morewords = New String() {
"over",
"the",
"lazy",
"dog"
}

Dim query = From word In _words
            Order By word.Length
            Select word

Katakanlah Anda tidak menggunakan array morewords, tetapi Anda mungkin menggunakannya nanti, sehingga Anda tidak ingin menghapusnya. Sebagai gantinya, Anda dapat mengomentari baris tersebut. Pilih seluruh definisi morewords hingga kurung kurawal penutup, dan kemudian pilih tombol Komentari baris yang dipilih di toolbar. Jika Anda lebih suka menggunakan keyboard, pilih Ctrl+K, Ctrl+C.

Karakter komentar Visual Basic ' ditambahkan ke awal setiap baris yang dipilih untuk mengomentari kode.

Ciutkan blok kode

Anda dapat menciutkan bagian kode untuk fokus hanya pada bagian yang menarik bagi Anda. Untuk berlatih, coba ciutkan array _words menjadi satu baris kode. Pilih kotak kecil dengan tanda minus di dalamnya di margin garis yang bertuliskan Dim _words = New String() {. Atau, jika Anda adalah pengguna keyboard, letakkan kursor di mana saja dalam definisi array dan pilih Ctrl+M, Ctrl+M.

Blok kode berubah menjadi baris pertama, diikuti oleh tanda elipsis (...). Untuk memperluas blok kode, pilih kotak yang sama, yang sekarang memiliki tanda plus di dalamnya, atau pilih Ctrl+M, Ctrl+M lagi. Fitur ini disebut perincian dan sangat berguna ketika Anda menyusutkan fungsi panjang atau seluruh kelas.

Anda dapat menciutkan bagian kode untuk fokus hanya pada bagian yang menarik bagi Anda. Untuk berlatih, coba satukan array _words menjadi satu baris kode. Pilih panah bawah di margin garis yang mengatakan Dim _words = New String() {. Atau, jika Anda adalah pengguna keyboard, letakkan kursor di mana saja dalam definisi array dan pilih Ctrl+M, Ctrl+M.

Blok kode menyusut hanya menjadi baris pertama, diikuti oleh titik-titik (...). Panah ke bawah di margin sekarang menjadi panah yang menunjuk ke kanan. Untuk memperluas blok kode, pilih panah >, atau tekan Ctrl+M, Ctrl+M lagi. Fitur ini disebut menguraikan dan sangat berguna ketika Anda menciutkan metode panjang atau seluruh kelas.

Lihat definisi simbol

Editor Visual Studio memudahkan untuk memeriksa definisi jenis atau anggota kelas. Anda dapat melakukannya dengan menavigasi ke file yang berisi definisi, misalnya dengan mengklik kanan dan memilih Buka Definisi di mana saja simbol dirujuk. Cara yang lebih cepat yang tidak mengalihkan fokus Anda dari file yang sedang dikerjakan adalah dengan menggunakan Peek Definition . Sekarang Anda akan melihat sekilas definisi jenis String.

Klik kanan kata String dan pilih Pratinjau Definisi . Atau tekan Alt+F12.

Jendela pop-up yang berisi definisi kelas String muncul. Anda dapat menggulir dalam jendela pop-up, atau bahkan mengintip definisi jenis lain dari kode yang diintip.
Tutup jendela pop-up Intip Definisi dengan memilih tombol tutup di sudut kanan atas jendela tersebut.

Editor Visual Studio memudahkan untuk memeriksa definisi jenis atau anggota kelas. Anda dapat melakukannya dengan menavigasi ke file yang berisi definisi, misalnya dengan mengklik kanan dan memilih Buka Definisi di mana saja simbol dirujuk. Cara yang lebih cepat yang tidak menjauhkan fokus Anda dari file yang sedang Anda kerjakan adalah dengan menggunakan Definisi Intip . Sekarang Anda akan melihat sekilas definisi tipe String.

Klik kanan pada kata String dan pilih Intip Definisi . Atau tekan Alt+F12.

Jendela pop-up yang berisi definisi kelas String muncul. Anda dapat menggulir dalam jendela pop-up, atau bahkan mengintip definisi jenis lain dari kode yang diintip.
Tutup jendela 'Peek Definition' dengan memilih tombol tutup di sudut kanan atas jendela munculan.

Menggunakan IntelliSense untuk menyelesaikan kata-kata

IntelliSense adalah sumber daya yang berharga saat Anda mengkoding. Ini dapat menunjukkan kepada Anda informasi tentang anggota jenis yang tersedia, atau detail parameter untuk kelebihan beban metode yang berbeda. Anda juga dapat menggunakan IntelliSense untuk menyelesaikan kata setelah mengetik karakter yang cukup untuk menghilangkan ambiguasi. Sekarang Anda akan menambahkan baris kode untuk mencetak string yang diurutkan ke jendela konsol, yang merupakan tempat standar untuk output dari program yang akan digunakan.

Di bawah variabel query, mulai ketik kode berikut:
```
For Each str In qu
```
Anda melihat IntelliSense menunjukkan Info Cepat tentang simbol query.
Untuk menyisipkan sisa kata query dengan menggunakan fungsionalitas penyelesaian kata IntelliSense, tekan Tab.
Selesaikan blok kode agar terlihat seperti kode berikut.
```
For Each str In query
    Console.WriteLine(str)
Next
```

IntelliSense adalah sumber daya yang berharga saat Anda mengkoding. Ini dapat menunjukkan kepada Anda informasi tentang anggota jenis yang tersedia, atau detail parameter untuk kelebihan beban metode yang berbeda. Anda juga dapat menggunakan IntelliSense untuk melengkapi sebuah kata setelah mengetik karakter yang cukup untuk membuatnya tidak ambigu. Sekarang Anda akan menambahkan baris kode untuk mencetak string yang diurutkan ke jendela konsol, yang merupakan tempat standar untuk output dari program yang akan digunakan.

Di bawah variabel query, mulai ketik kode berikut:
```
For Each str In qu
```
IntelliSense menunjukkan Info Cepat tentang simbol query.
Untuk menyisipkan kata lainnya query dengan menggunakan fungsionalitas penyelesaian kata IntelliSense, pilih tab .
Selesaikan blok kode agar terlihat seperti kode berikut.
```
For Each str In query
    Console.WriteLine(str)
Next
```

Memperbarui Nama

Tidak ada yang mendapatkan kode yang tepat untuk pertama kalinya, dan salah satu hal yang mungkin harus Anda ubah adalah nama variabel atau metode. Sekarang Anda akan mencoba fungsionalitas refaktor Visual Studio untuk mengganti nama variabel _words menjadi words.

Klik kanan definisi variabel _words dan pilih Ganti Nama.

Jendela Ganti Nama muncul di sudut kanan atas editor.
Dengan variabel _words masih dipilih, masukkan nama yang diinginkan: kata-kata. Perhatikan bahwa referensi ke words dalam kueri secara otomatis diganti namanya. Sebelum Anda menekan Masukkan atau pilih Terapkan, pilih kotak centang Sertakan komentar di jendela Ganti Nama.
Tekan Enter atau pilih Terapkan.

Kedua kemunculan words diganti namanya, selain referensi ke words dalam komentar kode.

Tidak ada yang mendapatkan kode yang tepat untuk pertama kalinya, dan salah satu hal yang mungkin harus Anda ubah adalah nama variabel atau metode. Sekarang Anda akan mencoba fungsionalitas Visual Studio untuk refaktor guna mengganti nama variabel _words menjadi words.

Klik kanan definisi variabel _words dan pilih Ganti Nama.

Jendela ganti nama muncul.
Dengan variabel _words masih dipilih, masukkan nama yang diinginkan: . Perhatikan bahwa referensi ke words dalam kueri secara otomatis diganti namanya. Sebelum Anda memilih Masukkan, pilih kotak centang Sertakan komentar di jendela Ganti Nama.
Pilih Masukkan.

Kedua kemunculan words diganti namanya, selain referensi ke words dalam komentar kode.

Langkah berikutnya

Pelajari tentang proyek dan solusi

Bagikan melalui