Terkadang, coding terasa seperti memecahkan teka-teki yang rumit. Terkadang, teka-teki itu bermuara pada “menemukan perbedaannya.” Visual Studio Code (VS Code) memungkinkan Anda membandingkan konten dua file secara elegan dalam beberapa langkah sederhana. Panduan ini akan menunjukkan betapa mudahnya membandingkan dua file berbeda di VS Code. Juga akan ada beberapa fitur bagus lainnya yang dapat membuat pengkodean menjadi lebih nyaman.
Membandingkan Dua File dalam Kode VS
Sebelum membandingkan konten dua file, Anda harus membuka keduanya di Visual Studio Code. Berikut cara melakukannya untuk file di sistem Anda:
cara screenshot di snapchat story tanpa mereka sadari
- Buka kedua file yang ingin Anda bandingkan di VS Code. Untuk melakukannya, klik file dari panel explorer kiri.
- Klik kanan pada tab file pertama yang ingin Anda bandingkan.
- Dari menu klik kanan yang muncul, pilih opsi Select for Compare.
- Klik kanan pada tab file kedua yang ingin Anda lihat di sisi kanan layar.
- Pilih “Bandingkan dengan Yang Dipilih” untuk melihat perbedaannya.
Demikian pula, Anda dapat membandingkan file dan editor yang belum disimpan. Pilih editor pertama, klik “Pilih untuk Dibandingkan”, lalu “Bandingkan dengan yang Dipilih” pada editor kedua.
Bandingkan Versi Git yang Berbeda
Membandingkan versi repositori Git yang berbeda sedikit berbeda dengan membandingkan file di mesin Anda sendiri. Anda dapat melakukannya dengan cara ini:
- Buka tampilan Explorer.
- Pilih file yang ingin Anda jelajahi melalui riwayat versi Git.
- Klik pada tampilan timeline untuk memperluasnya dan Klik 'Git View File History'.
- Klik pada komit Git untuk melihat bagaimana hal itu mengubah file.
Bandingkan Dua Folder
Anda tidak dibatasi hanya untuk membandingkan file di VS Code. Berikut cara membandingkan konten dua folder:
- Temukan dan unduh ekstensi “Diff Folders” dari konsol ekstensi.
- Buka tampilan folder Diff dari menu Anda.
- Pilih folder yang ingin Anda bandingkan.
- Klik 'Bandingkan', dan isinya sekarang akan muncul.
Menemukan Perbedaannya
Setelah Anda memilih dua file untuk dibandingkan dengan VS Code, Anda akan melihat perbedaan yang disorot dalam editor Anda. Dengan begitu, Anda dapat dengan cepat mengetahui apa yang berubah pada kode. Gunakan panah di toolbar untuk menavigasi perubahan. Pada titik ini, Anda dapat menganalisis perubahan, melakukan debug, dan menentukan mana yang ingin Anda simpan atau buang.
Menggabungkan Perubahan
Jika Anda memiliki perubahan pada satu file yang ingin Anda sertakan ke file lain, ada cara mudah untuk melakukannya. Yang perlu Anda lakukan adalah menemukan ikon penggabungan di toolbar Anda dan klik ikon tersebut untuk menggabungkan kedua file menjadi satu.
Penjelasan Penampil Diff
Terselip di dalam Visual Studio Code adalah penampil perbedaan yang kuat yang memungkinkan pengguna membandingkan dua versi file yang sama atau dua file yang sama sekali berbeda. Alat ini tidak hanya melihat sesuatu secara berdampingan — alat ini memudahkan untuk mengetahui apa yang berubah dalam sekejap mata dengan sorotan yang mudah digunakan.
Ketika sesuatu telah dihapus dari sebuah file, ia mendapat latar belakang merah terang di sisi kiri dan pola miring di sisi kanan. Jika ada tambahan pada file kedua (baik Anda memilih file yang lebih baru atau lebih lama sebagai file kedua), carilah pola miring di sebelah kiri dan latar belakang hijau tebal di sebelah kanan. Ketika hanya sebagian garis yang diubah, mereka akan mendapatkan latar belakang merah dan hijau terang, jadi Anda tidak akan ketinggalan melihat di mana perubahan itu terjadi. Dengan cara ini, Anda dapat dengan cepat melihat perbedaannya dan memutuskan perubahan mana yang Anda sukai.
Perbedaan Sadar Bahasa Pemrograman
Penampil diff Visual Studio Code menggunakan pendekatan baris demi baris yang efektif untuk membandingkan file dan menyorot karakter yang diubah. Ini adalah metode teruji dan benar yang mungkin Anda kenal jika Anda pernah menggunakan alat seperti Notepad++ dan plugin perbandingannya. Namun, bahasa pemrograman yang memperbolehkan titik koma atau jeda baris opsional dapat menjadi masalah bagi sistem ini karena perbedaannya menjadi sangat berisik, dengan pengeditan sepele yang mengotori layar.
Untuk mengatasi masalah ini, ada ekstensi yang dikenal sebagai SemanticDiff, yang tidak sekadar membandingkan teks dan mem-parsing kode file, serta menilai representasi kompilernya. Dengan cara ini, Anda dapat melihat perubahan-perubahan kecil yang tidak mempengaruhi program dan sebagai gantinya secara langsung mengidentifikasi kode yang dipindahkan sambil memberikan pandangan yang lebih jelas tentang apa yang penting dalam perbedaan tersebut. Ini mirip dengan memiliki editor yang cakap dan memahami seluk-beluk bahasa pengkodean. Ini menyaring aspek-aspek yang tidak penting dan melakukan penyesuaian yang membuat perbedaan nyata setelah kode dikompilasi.
Jika Anda ingin mendapatkan lebih banyak wawasan tentang perubahan kode, instal SemanticDiff dari pasar VS Code dan beralih ke mode smart diff untuk melihat perbedaan dalam kode Anda dengan lebih akurat.
Temukan dan ganti
Selain membandingkan, mencari teks tertentu dalam satu file atau di beberapa file adalah tugas lain yang mungkin sering Anda lakukan. Fungsi temukan dan ganti VS Code kuat dengan beberapa opsi lanjutan:
- Tekan Ctrl+F untuk membuka widget temukan di editor untuk mencari di dalam file saat ini. Anda dapat menelusuri hasil dan bahkan menyemai string pencarian dari pilihan.
- Jalankan operasi pencarian pada teks yang dipilih dengan mengklik ikon tiga baris (hamburger) pada widget pencarian atau atur “editor.find.autoFindInSelection” ke “always” atau “multiline.”
- Anda dapat mengurai teks ke dalam kotak masukan temukan untuk mencari teks beberapa baris. Anda juga dapat mengubah ukuran widget pencarian.
- Tekan Ctrl+Shift+F untuk mencari semua file di folder yang sedang Anda buka. Anda dapat menggunakan opsi pencarian lanjutan dan sintaks pola glob.
- Cocokkan huruf besar/kecil, cocokkan seluruh kata, ekspresi reguler, dan pelestarian huruf besar-kecil adalah beberapa opsi lanjutan untuk menemukan dan mengganti.
Cari di Seluruh File
Jika Anda mencari sesuatu yang khusus di beberapa file dalam proyek, VS Code siap membantu Anda. Anda dapat mencari dengan cepat semua file di folder saat ini dengan Ctrl+Shift+F. Hasilnya akan dipecah menjadi file yang berisi query. Anda juga bisa berkreasi dan menggunakan penelusuran ekspresi reguler untuk mendapatkan hasil yang lebih spesifik.
cara melihat koordinat di minecraft
Mengintegrasikan Perbandingan File dengan Fitur Lainnya
Kekuatan alat diff dalam VS Code lebih dari sekadar perbandingan file. Ini membuka banyak kemungkinan pengkodean terintegrasi. Dengan menyatukan fitur-fitur seperti simpan otomatis, Hot Exit, dan pencarian lanjutan, Anda dapat mengerjakan satu proyek dengan lancar sambil membandingkan versi file yang berbeda dan mencari fungsi tertentu di beberapa file.
Selain itu, Anda dapat memodifikasi file konfigurasi dengan kepastian mutlak bahwa perubahan Anda akan tetap ada. Anda tidak perlu khawatir tentang perubahan yang belum disimpan jika aplikasi ditutup. Hot Exit mengingat semuanya. Gabungan semua fitur ini memberi Anda kendali penuh atas semua versi dan perubahan file Anda.
Bandingkan Dengan Hati-hati
Beberapa tugas pengkodean mungkin tampak lebih kasar dan membosankan dibandingkan yang lain, dan membandingkan dua file adalah salah satu tugas tersebut. Namun alat dan metode VS Code yang berbeda untuk membandingkan tipe data yang berbeda membuatnya lebih mudah dan menyenangkan. Sorotan yang mudah dilihat memandu Anda melalui semua perubahan antara dua file dan memungkinkan Anda bereksperimen dengan versi kode yang berbeda, yang semuanya sangat baik untuk debugging, analitik, dan kontrol versi.
Apakah proyek Anda memerlukan kontrol versi yang ketat dan seringnya membandingkan file? Apakah Anda punya tip atau trik mengenai metode perbandingan kode? Bagikan pemikiran dan wawasan Anda di komentar di bawah.
