Visual Studio Code memberikan dukungan dasar untuk pemrograman HTML di luar kotak. Ada penyorotan sintaks, penyelesaian cerdas dengan IntelliSense, dan pemformatan yang dapat disesuaikan. VS Code juga menyertakan dukungan Emmet yang hebat Show IntelliSenseSaat Anda mengetik di HTML, kami menawarkan saran melalui IntelliSense HTML. Pada gambar di bawah, Anda dapat melihat penutupan elemen HTML yang disarankan Simbol dokumen juga tersedia untuk HTML, memungkinkan Anda menavigasi dengan cepat ke node DOM dengan id dan nama kelas Anda juga dapat bekerja dengan CSS dan JavaScript tersemat. Namun, perhatikan bahwa skrip dan gaya yang disertakan dari file lain tidak diikuti, dukungan bahasa hanya melihat konten file HTML Anda dapat memicu saran kapan saja dengan menekan ⌃Space (Windows, Linux Ctrl+Space . ). Anda juga dapat mengontrol penyedia penyelesaian kode bawaan mana yang aktif. Ganti ini di pengaturan pengguna atau ruang kerja Anda jika Anda memilih untuk tidak melihat saran yang sesuai
Tutup tagElemen tag ditutup secara otomatis ketika ________ 39 _______ dari tag pembuka diketik Tag penutup yang cocok dimasukkan saat Anda dapat menonaktifkan tag penutup otomatis dengan pengaturan berikut _Tag pembaruan otomatisSaat memodifikasi tag, fitur pengeditan tertaut secara otomatis memperbarui tag penutup yang cocok. Fitur ini bersifat opsional dan dapat diaktifkan dengan pengaturan
Pemilih warnaUI pemilih warna Kode VS kini tersedia di bagian gaya HTML Ini mendukung konfigurasi rona, saturasi, dan opacity untuk warna yang diambil dari editor. Ini juga memberikan kemampuan untuk memicu antara mode warna yang berbeda dengan mengklik string warna di bagian atas pemilih. Pemilih muncul saat melayang saat Anda berada di atas definisi warna ArahkanGerakkan mouse ke atas tag HTML atau gaya tersemat dan JavaScript untuk mendapatkan informasi selengkapnya tentang simbol di bawah kursor ValidasiDukungan bahasa HTML melakukan validasi pada semua JavaScript dan CSS tersemat Anda dapat mematikan validasi itu dengan pengaturan berikut
MelipatAnda dapat melipat wilayah kode sumber menggunakan ikon lipat di selokan antara nomor baris dan awal baris. Area lipat tersedia untuk semua elemen HTML untuk komentar multibaris dalam kode sumber Selain itu, Anda dapat menggunakan penanda wilayah berikut untuk menentukan wilayah lipat. 0Jika Anda lebih suka beralih ke pelipatan berbasis lekukan untuk penggunaan HTML
PemformatanUntuk menyempurnakan pemformatan kode sumber HTML, Anda dapat menggunakan perintah Format Dokumen ⇧⌥F (Windows Shift+Alt+F, Linux Ctrl+Shift+I) to format the entire file or Format Selection ⌘K ⌘F (Windows, Linux Ctrl+K Ctrl+F) to just format the selected text. Pemformat HTML didasarkan pada js-beautify. Opsi pemformatan yang ditawarkan oleh perpustakaan itu muncul di pengaturan Kode VS
Marketplace memiliki beberapa pemformat alternatif untuk dipilih. Jika Anda ingin menggunakan pemformat yang berbeda, tentukan 7 di pengaturan Anda untuk mematikan pemformat bawaanpotongan EmmetVS Code mendukung perluasan cuplikan Emmet. Singkatan Emmet dicantumkan bersama dengan saran dan cuplikan lainnya dalam daftar pelengkapan otomatis editor
Jika Anda ingin menggunakan singkatan HTML Emmet dengan bahasa lain, Anda dapat mengaitkan salah satu mode Emmet (seperti 8, 9) dengan bahasa lain dengan pengaturan 0. Pengaturan mengambil a dan mengaitkannya dengan ID bahasa dari mode yang didukung EmmetMisalnya, untuk menggunakan singkatan HTML Emmet di dalam JavaScript
Kami juga mendukung Cuplikan Buatan Pengguna Data khusus HTMLAnda dapat memperluas dukungan HTML VS Code melalui format data kustom deklaratif. Dengan menyetel _1 ke daftar file JSON mengikuti format data khusus, Anda dapat meningkatkan pemahaman Kode VS tentang tag, atribut, dan nilai atribut HTML baru. VS Code kemudian akan menawarkan dukungan bahasa seperti informasi penyelesaian & hover untuk tag, atribut, dan nilai atribut yang disediakanAnda dapat membaca lebih lanjut tentang menggunakan data khusus di repositori vscode-custom-data ekstensi HTMLPasang ekstensi untuk menambah fungsionalitas lainnya. Buka tampilan Ekstensi ( ⇧⌘X (Windows, Linux Ctrl+Shift+X)) and type 'html' to see a list of relevant extensions to help with creating and editing HTML.
|