Catatan
Akses ke halaman ini memerlukan otorisasi. Anda dapat mencoba masuk atau mengubah direktori.
Akses ke halaman ini memerlukan otorisasi. Anda dapat mencoba mengubah direktori.
Dalam pengenalan 10 menit ini ke editor kode di Visual Studio, kita akan menambahkan kode ke file untuk melihat beberapa cara Visual Studio membuat penulisan, navigasi, dan pemahaman kode C# lebih mudah.
Jika Anda belum menginstal Visual Studio, buka halaman unduhan Visual Studio untuk menginstalnya secara gratis.
Artikel ini mengasumsikan Anda sudah terbiasa dengan C#. Jika tidak, kami sarankan Anda melihat tutorial seperti Mulai menggunakan C# dan ASP.NET Core di Visual Studio terlebih dahulu.
Tips
Untuk mengikuti artikel ini, pastikan Anda memilih pengaturan C# untuk Visual Studio. Untuk informasi tentang memilih pengaturan untuk lingkungan pengembangan terintegrasi (IDE), lihat Pilih pengaturan lingkungan.
Membuat file kode baru
Mulailah dengan membuat file baru dan menambahkan beberapa kode ke dalamnya.
Buka Visual Studio. Tekan Esc atau klik Lanjutkan tanpa kode di jendela mulai untuk membuka lingkungan pengembangan.
Dari menu file pada bilah menu , pilih Baru File >, atau tekan Ctrl +N.
Dalam kotak dialog File Baru, di bawah kategori Umum, pilih Visual C# Kelas, lalu pilih Buka.
File baru terbuka di editor dengan kerangka kelas C#. (Perhatikan bahwa kita tidak perlu membuat proyek Visual Studio lengkap untuk mendapatkan beberapa manfaat yang ditawarkan editor kode; yang Anda butuhkan hanyalah file kode!)
Buka Visual Studio. Tekan Esc, atau pilih Lanjutkan tanpa kode di jendela mulai, untuk membuka lingkungan pengembangan.
Dari menu File pada bilah menu, pilih Baru>File, atau tekan Ctrl+N.
Dalam kotak dialog File Baru, di bawah kategori Umum, pilih Visual C# Class, lalu pilih Buka.
File baru terbuka di editor dengan kerangka kelas C#. Anda tidak perlu membuat proyek Visual Studio lengkap untuk mendapatkan beberapa manfaat yang ditawarkan editor kode—yang Anda butuhkan hanyalah file kode.
Menggunakan cuplikan kode
Visual Studio menyediakan cuplikan kode yang berguna yang dapat Anda gunakan untuk menghasilkan blok kode yang umum digunakan dengan cepat dan mudah. Cuplikan kode tersedia untuk berbagai bahasa pemrograman termasuk C#, Visual Basic, dan C++.
Mari kita tambahkan cuplikan C# void Main
ke file kita.
Letakkan kursor Anda tepat di atas kurung kurawal penutup akhir } dalam file, dan ketik karakter
svm
(yang merupakan singkatan daristatic void Main
—jangan terlalu khawatir jika Anda tidak tahu apa artinya).Kotak dialog pop-up muncul dengan informasi tentang cuplikan kode
svm
.Tekan tab dua kali untuk menyisipkan cuplikan kode.
Anda melihat tanda tangan metode
static void Main()
ditambahkan ke file. Metode Main() adalah titik masuk untuk aplikasi C#.
Cuplikan kode yang tersedia bervariasi untuk berbagai bahasa pemrograman. Anda dapat melihat cuplikan kode yang tersedia untuk bahasa Anda dengan memilih Edit>IntelliSense>Sisipkan Cuplikan atau menekan Ctrl+K, Ctrl+X, lalu memilih folder bahasa Anda. Untuk C#, daftar terlihat seperti ini:
Letakkan kursor Anda tepat di atas kurung kurawal penutup akhir
}
dalam file, dan ketik karaktersvm
.svm
singkatan daristatic void Main
—jangan khawatir jika Anda belum tahu apa artinya.Kotak dialog pop-up muncul dengan informasi tentang cuplikan kode
svm
.Tekan tab dua kali untuk menyisipkan cuplikan kode.
Anda akan melihat tanda tangan metode
static void Main()
ditambahkan ke file. Metode Main() adalah titik masuk untuk aplikasi C#.
Cuplikan kode yang tersedia bervariasi untuk bahasa pemrograman yang berbeda. Anda dapat melihat cuplikan kode yang tersedia untuk bahasa Anda dengan memilih Edit>IntelliSense>Sisipkan Cuplikan atau menekan Ctrl+K, Ctrl+X, lalu memilih folder untuk bahasa pemrograman Anda. Untuk C#, daftar cuplikan terlihat seperti ini:
Daftar ini mencakup cuplikan untuk membuat kelas , konstruktor , perulangan for , pernyataan if atau pernyataan switch , dan banyak lagi.
Jadikan kode sebagai komentar
Toolbar, yang merupakan baris tombol di bawah bilah menu di Visual Studio, dapat membantu membuat Anda lebih produktif saat Anda membuat kode. Misalnya, Anda dapat beralih ke mode penyelesaian IntelliSense (IntelliSense adalah bantuan pengkodean yang menampilkan daftar metode pencocokan, di antaranya), meningkatkan atau mengurangi inden baris, atau mengomentari kode yang tidak ingin Anda kompilasi. Di bagian ini, kita akan mengomentari beberapa kode.
Tempelkan kode berikut ke dalam isi metode
Main()
.// _words is a string array that we'll sort alphabetically string[] _words = { "the", "quick", "brown", "fox", "jumps" }; string[] morewords = { "over", "the", "lazy", "dog" }; IEnumerable<string> query = from word in _words orderby word.Length select word;
Kami tidak menggunakan variabel
morewords
, tetapi kami dapat menggunakannya nanti sehingga kami tidak ingin menghapusnya sepenuhnya. Sebagai gantinya, mari kita komentari baris tersebut. Pilih seluruh definisimorewords
hingga titik koma penutup, lalu pilih tombol Komentari baris terpilih pada toolbar. Jika Anda lebih suka menggunakan keyboard, tekan Ctrl+K, Ctrl+C.Karakter komentar C#
//
ditambahkan ke awal setiap baris yang dipilih untuk mengomentari kode.
Toolbar, yang merupakan baris tombol di bawah bilah menu di Visual Studio, membantu membuat Anda lebih produktif saat Anda membuat kode. Misalnya, Anda dapat beralih ke IntelliSense mode penyelesaian, menambah atau mengurangi indentasi baris, atau memberikan komentar pada kode yang tidak ingin Anda kompilasi.
Mari kita komentari beberapa kode.
Tempelkan kode berikut ke dalam isi metode
Main()
.// someWords is a string array. string[] someWords = { "the", "quick", "brown", "fox", "jumps" }; string[] moreWords = { "over", "the", "lazy", "dog" }; // Alphabetically sort the words. IEnumerable<string> query = from word in someWords orderby word select word;
Kami tidak menggunakan variabel
moreWords
, tetapi kami mungkin menggunakannya nanti sehingga kami tidak ingin menghapusnya. Sebaliknya, kita akan mengomentari baris-baris tersebut. Pilih seluruh definisimoreWords
hingga titik koma penutup, lalu tekan tombol Komentari baris yang dipilih pada toolbar. Jika Anda lebih suka menggunakan keyboard, tekan Ctrl+E, Ctrl+C.Karakter komentar C#
//
ditambahkan ke awal setiap baris yang dipilih untuk mengomentari kode.
Ciutkan blok kode
Kami tidak ingin melihat konstruktor kosong yang dihasilkan untuk Class1
, jadi untuk merapikan tampilan kode, sebaiknya kita ciutkan. Pilih kotak abu-abu kecil dengan tanda minus di dalamnya di margin baris pertama konstruktor. Atau, jika Anda lebih suka menggunakan keyboard, letakkan kursor di mana saja dalam kode konstruktor dan tekan Ctrl+M, Ctrl+M.
Blok kode menyusut hanya menjadi baris pertama, diikuti oleh elipsis (...
). Untuk memperluas blok kode lagi, klik kotak abu-abu yang sama yang sekarang memiliki tanda plus di dalamnya, atau tekan Ctrl+M, Ctrl+M lagi. Fitur ini disebut Menguraikan dan sangat berguna ketika Anda menciutkan metode panjang atau seluruh kelas.
Blok kode menyusut ke baris pertama saja, diikuti oleh tanda elipsis (...
). Untuk memperluas blok kode lagi, pilih kotak abu-abu yang sama yang sekarang memiliki tanda plus di dalamnya, atau tekan Ctrl+M, Ctrl+M lagi. Fitur ini disebut Pembuatan Kerangka dan sangat berguna ketika Anda menyusutkan metode panjang atau bahkan seluruh kelas.
Lihat definisi simbol
Editor Visual Studio memudahkan untuk memeriksa definisi jenis, metode, dll. Salah satu caranya adalah menavigasi ke file yang berisi definisi, misalnya dengan memilih Buka Definisi atau menekan F12 di mana saja simbol direferensikan. Cara yang lebih cepat yang tidak menjauhkan fokus Anda dari file yang sedang Anda kerjakan adalah dengan menggunakan Definisi Intip . Mari kita intip definisi jenis string
.
Klik kanan pada setiap kemunculan
string
dan pilih Intip Definisi dari menu konten. Atau, tekan Alt+F12.Jendela pop-up muncul dengan definisi kelas
String
. Anda dapat menggulir dalam jendela pop-up, atau bahkan mengintip definisi jenis lain dari kode yang diintip.Tutup jendela definisi yang diintip dengan memilih kotak kecil dengan "x" di kanan atas jendela pop-up.
Editor Visual Studio memudahkan untuk memeriksa definisi jenis, metode, atau variabel. Salah satu caranya adalah dengan masuk ke definisi, di file mana pun yang memilikinya, dengan memilih Buka Definisi atau menekan F12 di mana saja simbol direferensikan. Cara yang lebih cepat lagi yang tidak menjauhkan fokus Anda dari kode yang sedang Anda kerjakan adalah dengan menggunakan Definisi Intip .
Mari kita intip definisi jenis string
.
Klik kanan pada setiap kemunculan
string
dan pilih Definisi Intip dari menu konteks. Atau, tekan Alt+F12.Jendela pop-up muncul dengan definisi kelas
String
. Anda dapat menggulir dalam jendela pop-up, atau bahkan mengintip definisi jenis lain dari kode yang diintip.Tutup jendela definisi intip dengan memilih kotak kecil dengan "x" di kanan atas jendela pop-up.
Menggunakan IntelliSense untuk menyelesaikan kata-kata
IntelliSense adalah sumber daya yang tak ternilai 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 kata setelah mengetikkan karakter yang cukup untuk memperjelasnya. Mari kita tambahkan 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:foreach (string 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. Anda bahkan dapat berlatih menggunakan cuplikan kode lagi dengan memasukkan
cw
lalu menekan tab dua kali untuk menghasilkan kodeConsole.WriteLine
.foreach (string str in query) { Console.WriteLine(str); }
IntelliSense adalah sumber daya yang tak ternilai 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 membedakannya.
Mari kita tambahkan 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:foreach (string str in qu
Anda akan melihat pop-up IntelliSense muncul dengan informasi tentang simbol
query
.Untuk menyisipkan sisa dari kata
query
dengan menggunakan pelengkapan kata IntelliSense, tekan Tab.Selesaikan blok kode agar terlihat seperti kode berikut. Anda dapat berlatih lebih jauh dengan cuplikan kode dengan memasukkan
cw
lalu menekan tab dua kali untuk menghasilkan pernyataanConsole.WriteLine
.foreach (string str in query) { Console.WriteLine(str); }
Refaktor 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. Mari kita coba fungsionalitas refaktor Visual Studio untuk mengganti nama variabel _words
menjadi words
.
Letakkan kursor Anda di atas definisi variabel
_words
, dan pilih Ganti Nama dari menu klik kanan atau konteks, atau tekan Ctrl+R, Ctrl+R.Kotak dialog pop-up Ganti Nama muncul di kanan atas editor.
Masukkan nama yang diinginkan kata. Perhatikan bahwa referensi ke
words
dalam kueri juga secara otomatis diganti namanya. Sebelum Anda menekan Enter, pilih kotak centang Sertakan komentar di kotak pop-up Ganti Nama.Tekan Enter.
Kedua kemunculan
words
telah diganti namanya, serta referensi kewords
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. Mari kita coba fungsionalitas refaktor Visual Studio untuk mengganti nama variabel someWords
menjadi unsortedWords
.
Letakkan kursor Anda di atas definisi variabel
someWords
, dan pilih Ganti Nama dari menu klik kanan atau konteks, atau tekan F2.Kotak dialog Ganti Nama muncul di kanan atas editor.
Masukkan nama yang diinginkan unsortedWords. Anda akan melihat bahwa referensi ke
unsortedWords
dalam pernyataan penugasanquery
juga secara otomatis diganti namanya. Sebelum Anda menekan Enter, pilih kotak centang Sertakan komentar di kotak pop-up Ganti Nama.Tekan Masukkan, atau pilih Terapkan dalam kotak dialog Ganti Nama.
Kedua kemunculan
someWords
dalam kode Anda telah diubah namanya, dan tekssomeWords
di komentar kode Anda.
Langkah berikutnya
Lihat juga
- cuplikan kode
- Menavigasi kode
- Kerangka
- Masuk Ke Definisi dan Intip Definisi
- Pemfaktoran Ulang
- Gunakan IntelliSense