Tutorial: Pelajari cara menggunakan editor kode dengan Visual Basic

Dalam tutorial ini, Anda mencoba editor kode di Visual Studio. Anda menambahkan kode ke file untuk mempelajari beberapa cara yang 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 Buat aplikasi konsol Visual Basic (VB) sederhana.

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

Jika Anda perlu menginstal Visual Studio, untuk versi gratis, lihat unduhan Visual Studio.

Membuat file kode

Mulailah dengan membuat file dan menambahkan beberapa kode ke dalamnya.

1. Buka Visual Studio. Tekan Esc atau pilih Lanjutkan tanpa kode pada jendela mulai untuk membuka lingkungan pengembangan.

2. Pada menu File pada bilah menu, pilihFile Baru.

3. Dalam dialog File baru, di bawah kategori General, pilih Visual Basic Class, lalu pilih Buka.

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

   

Menggunakan cuplikan kode

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

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

   Jendela pop-up muncul dengan informasi tentang kata kunci dan cara menyisipkan cuplikan kode Sub.

   

2. Pilih tab dua kali untuk menyisipkan cuplikan kode.

   Kerangka untuk Sub prosedur ditambahkan ke dalam berkas.

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 Snippet>Inser Cuplikan (atau dengan menekan Ctrl+K, Ctrl+X). Untuk Visual Basic, cuplikan kode tersedia untuk kategori berikut:

Komentari kode

Di bagian ini, Anda mengomentari beberapa kode.

1. Tempelkan kode berikut ke dalam isi prosedur .

   ' _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
   

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

   Cuplikan layar toolbar dengan tombol untuk mengomentari kode yang disorot dengan warna merah.

   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 menjadi satu baris kode. Pilih panah bawah di margin garis yang mengatakan . Atau, jika Anda adalah pengguna keyboard, letakkan kursor di mana saja dalam definisi array dan pilih CtrlM, CtrlM.

Blok kode berubah menjadi baris pertama, diikuti oleh tanda elipsis (). Panah ke bawah di margin sekarang menjadi panah yang menunjuk ke kanan. Untuk memperluas blok kode, pilih panah , atau tekan CtrlM, CtrlM lagi. Fitur ini disebut penyusunan rangka. Ini sangat berguna ketika Anda menyusutkan 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, klik kanan dan pilih Buka Definisi di mana saja simbol dirujuk. Cara yang bahkan lebih cepat dan tidak menjauhkan fokus Anda dari file yang sedang dikerjakan adalah dengan menggunakan fitur Peek Definition:

1. Klik kanan kata dan pilih Pratinjau Definisi . Atau tekan AltF12.

   Jendela pop-up yang berisi definisi kelas muncul. Anda dapat menggulir dalam jendela pop-up, atau bahkan mengintip definisi jenis lain dari kode yang diintip.

   Cuplikan layar jendela pop-up Definisi Intip yang berisi definisi kelas String.

2. Tutup jendela pop-up Intip Definisi dengan memilih tombol tutup di sudut kanan atas jendela tersebut.

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 tambahkan baris kode untuk mencetak string yang diurutkan ke jendela konsol, yang merupakan tempat standar untuk menampilkan keluaran program.

1. Di bawah variabel , mulai ketik kode berikut:

   For Each str In qu
   

   IntelliSense menunjukkan Info Cepat tentang simbol .

   

2. Untuk menyisipkan kata lainnya dengan menggunakan fungsionalitas penyelesaian kata IntelliSense, pilih tab .

3. Selesaikan blok kode agar terlihat seperti kode berikut.

   For Each str In query
       Console.WriteLine(str)
   Next
   

Memperbarui Nama

Tidak ada yang mendapatkan kode dengan benar pada percobaan pertama. Salah satu hal yang mungkin harus Anda ubah adalah nama variabel atau metode. Coba fungsionalitas Visual Studio refactor untuk mengganti nama variabel _words menjadi words.

1. Klik kanan definisi variabel dan pilih Ganti Nama.

   Jendela ganti nama muncul.

2. Dengan variabel masih dipilih, masukkan nama yang diinginkan: kata-kata. Perhatikan bahwa referensi ke dalam kueri secara otomatis diganti namanya. Sebelum Anda memilih Masukkan, pilih kotak centang Sertakan komentar di jendela Ganti Nama.

   Cuplikan layar jendela Ganti Nama memperlihatkan kotak centang 'Sertakan komentar' seperti yang dipilih.

3. Pilih Masukkan.

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

Konten terkait

• cuplikan Kode
• Menavigasi kode
• Kerangka
• Masuk Ke Definisi dan Intip Definisi
• Refaktor kode
• IntelliSense

Pelajari tentang proyek dan solusi