Bagikan melalui


Pelajari cara menggunakan editor kode dengan C#

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.

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

  2. Dari menu file pada bilah menu , pilih Baru File >, atau tekan Ctrl +N.

  3. 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!)

    Cuplikan layar file kode C# di Visual Studio.

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

  2. Dari menu File pada bilah menu, pilih Baru>File, atau tekan Ctrl+N.

  3. 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.

    Cuplikan layar file kode C# di Visual Studio 2022.

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.

  1. Letakkan kursor Anda tepat di atas kurung kurawal penutup akhir } dalam file, dan ketik karakter svm (yang merupakan singkatan dari static void Main—jangan terlalu khawatir jika Anda tidak tahu apa artinya).

    Kotak dialog pop-up muncul dengan informasi tentang cuplikan kode svm.

    Cuplikan layar pop-up IntelliSense untuk cuplikan kode di Visual Studio.

  2. 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:

Cuplikan layar pop-up IntelliSense untuk daftar cuplikan kode C#.

  1. Letakkan kursor Anda tepat di atas kurung kurawal penutup akhir } dalam file, dan ketik karakter svm. svm singkatan dari static void Main—jangan khawatir jika Anda belum tahu apa artinya.

    Kotak dialog pop-up muncul dengan informasi tentang cuplikan kode svm.

    Cuplikan layar pop-up IntelliSense untuk cuplikan kode di Visual Studio 2022.

  2. 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:

Cuplikan layar pop-up IntelliSense untuk daftar cuplikan kode C#.

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.

Cuplikan layar toolbar Editor di Visual Studio.

  1. 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;
    
  2. 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 definisi morewords hingga titik koma penutup, lalu pilih tombol Komentari baris terpilih pada toolbar. Jika Anda lebih suka menggunakan keyboard, tekan Ctrl+K, Ctrl+C.

    Cuplikan layar tombol Komentar keluar di toolbar Editor di Visual Studio.

    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.

Cuplikan layar toolbar Editor Teks di Visual Studio 2022.

Mari kita komentari beberapa kode.

  1. 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;
    
  2. Kami tidak menggunakan variabel moreWords, tetapi kami mungkin menggunakannya nanti sehingga kami tidak ingin menghapusnya. Sebaliknya, kita akan mengomentari baris-baris tersebut. Pilih seluruh definisi moreWords hingga titik koma penutup, lalu tekan tombol Komentari baris yang dipilih pada toolbar. Jika Anda lebih suka menggunakan keyboard, tekan Ctrl+E, Ctrl+C.

    Cuplikan layar tombol Komentar keluar di toolbar Editor Teks di Visual Studio 2022.

    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.

Cuplikan layar tombol Penyusutan Kerangka di toolbar Editor Teks di Visual Studio.

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.

Cuplikan layar tombol Ciutkan Kerangka di bilah alat Editor Teks pada Visual Studio 2022.

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.

  1. 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.

    Cuplikan layar jendela definisi

  2. 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.

  1. 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.

    Cuplikan Layar jendela Definisi Paparan di Visual Studio 2022.

  2. 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.

  1. Di bawah variabel query, mulai ketik kode berikut:

    foreach (string str in qu
    

    Anda melihat IntelliSense menunjukkan Info Cepat tentang simbol query.

    Cuplikan layar pop-up penyelesaian kata IntelliSense di Visual Studio.

  2. Untuk menyisipkan sisa kata query dengan menggunakan fungsionalitas penyelesaian kata IntelliSense, tekan Tab.

  3. 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 kode Console.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.

  1. 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.

    Tangkapan layar pop-up penyelesaian kata IntelliSense di Visual Studio 2022.

  2. Untuk menyisipkan sisa dari kata query dengan menggunakan pelengkapan kata IntelliSense, tekan Tab.

  3. 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 pernyataan Console.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.

  1. 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.

  2. 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.

    Cuplikan layar kotak dialog Ganti Nama di Visual Studio.

  3. Tekan Enter.

    Kedua kemunculan words telah diganti namanya, serta 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. Mari kita coba fungsionalitas refaktor Visual Studio untuk mengganti nama variabel someWords menjadi unsortedWords.

  1. 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.

    Cuplikan layar kotak pop-up Ganti Nama dalam editor Visual Studio 2022.

  2. Masukkan nama yang diinginkan unsortedWords. Anda akan melihat bahwa referensi ke unsortedWords dalam pernyataan penugasan query juga secara otomatis diganti namanya. Sebelum Anda menekan Enter, pilih kotak centang Sertakan komentar di kotak pop-up Ganti Nama.

    Cuplikan layar kotak pop-up Ganti Nama di Visual Studio 2022.

  3. Tekan Masukkan, atau pilih Terapkan dalam kotak dialog Ganti Nama.

    Kedua kemunculan someWords dalam kode Anda telah diubah namanya, dan teks someWords di komentar kode Anda.

Langkah berikutnya

Lihat juga