Permintaan fitur umum dari pengembang yang akrab dengan web adalah Show
Anda mungkin tidak ingin menggunakan PyCharm membawa dukungan yang kuat untuk HTML yang mencakup penyorotan sintaks dan kesalahan, pemformatan sesuai dengan gaya kode, validasi struktur, penyelesaian kode, pratinjau on-the-fly selama sesi debugging (Live Edit) atau di editor kode, dan banyak lagi Aktifkan plugin Alat HTMLFungsionalitas ini bergantung pada plugin Alat HTML, yang dibundel dan diaktifkan di PyCharm secara default. Jika fitur yang relevan tidak tersedia, pastikan Anda tidak menonaktifkan plugin Plugin Alat HTML hanya tersedia di PyCharm Professional
Spesifikasi HTML dapat dikonfigurasi dengan preferensi tingkat bahasa HTML Default pada Bahasa & Kerangka Kerja. Skema dan DTD halaman setelan IDE Ctrl+Alt+S. Secara default, spesifikasi HTML 5. 0 dari W3C diasumsikan. Buat file HTML
Buat referensi dalam file HTMLDi dalam tag Atau, di jendela alat Proyek , pilih file JavaScript, CSS, atau gambar yang ingin Anda rujuk dan seret ke dalam HTML file. PyCharm menghasilkan tag Bungkus fragmen kode dalam tag
Pelajari lebih lanjut dari Membuat kode Dokumentasi pencarianUntuk sebagian besar tag dan atribut HTML, PyCharm dapat menampilkan ringkasan dari artikel MDN terkait. Rangkuman ini ditampilkan dalam popup Dokumentasi yang juga menunjukkan status penghentian tag atau atribut dan informasi tentang kompatibilitasnya dengan berbagai browser. Jika tag atau atribut tersedia di semua versi browser, PyCharm tidak menampilkan informasi apa pun tentang kompatibilitasnya Jika tidak, munculan Dokumentasi juga mencantumkan browser dan versinya yang mendukung tag atau atribut. Kompatibilitas diperiksa hanya untuk Chrome, Chrome Android, Safari, Safari iOS, Firefox, Internet Explorer, dan Edge Jika tag atau atribut tidak digunakan lagi, munculan juga memberi tahu Anda tentang status ini Lihat dokumentasi untuk tag atau atribut
Konfigurasikan perilaku popup Dokumentasi
Buka dokumentasi MDN untuk tag dan atribut di browser
Pratinjau keluaran file HTMLAnda dapat membuka keluaran kode HTML Anda di pratinjau bawaan PyCharm atau secara eksternal, di browser pilihan Anda Fungsi pratinjau bergantung pada server web bawaan PyCharm. Server ini selalu berjalan dan tidak memerlukan konfigurasi manual apa pun. Semua file proyek disajikan di server bawaan dengan URL root http. // localhost. , sehubungan dengan struktur proyek. Secara default port server bawaan diatur ke port default PyCharm 63342 melalui mana PyCharm menerima koneksi dari layanan. Untuk mengubah nilai default ini, buka dialog Settings (Ctrl+Alt+S), buka Build, Execution , Penyebaran. Debugger , dan di Built-in Server tentukan nilai lain mulai dari 1024. Secara default, setelah Anda membuka file HTML di browser atau di pratinjau bawaan, PyCharm secara otomatis memuat ulang halaman setiap kali file HTML ini (atau file JavaScript atau Style Sheet yang ditautkan) disimpan secara manual atau otomatis, lihat Menyimpan dan mengembalikan perubahan Anda dapat mengubah perilaku default untuk memuat ulang halaman saat Anda mengetik sehingga perubahan pada HTML atau file terkait segera muncul di browser atau di pratinjau bawaan. Lihat di bawah Pratinjau bawaan PyCharmPratinjau bawaan PyCharm membuat pekerjaan Anda lebih cepat karena Anda tidak perlu lagi beralih ke browser dan menyegarkan halaman. Pratinjau dibuka di tab editor terpisah dan dimuat ulang secara otomatis saat Anda mengetik atau saat Anda menyimpan perubahan, tergantung pada Buka pratinjau bawaan PyCharm
Pratinjau file HTML di browserUntuk memastikan kode HTML Anda ditampilkan dengan benar di lingkungan produksi, pratinjau file HTML di browser tertentu Jika Anda menggunakan server web PyCharm bawaan, halaman dimuat ulang secara otomatis saat Anda menyimpan perubahan atau saat Anda mengetik, tergantung pada Muat ulang otomatis tidak berfungsi saat halaman diunggah ke server web default yang dikonfigurasi secara manual, lihat Mengonfigurasi sinkronisasi dengan server web dan untuk rincian.
Konfigurasikan ikon browser di popupBuka dialog Pengaturan (Ctrl+Alt+S) dan buka Alat. Peramban Web dan Pratinjau .
Konfigurasi ulang otomatisSecara default, setelah Anda membuka file HTML di browser atau di pratinjau bawaan, PyCharm secara otomatis memuat ulang halaman setiap kali file HTML ini (atau file JavaScript atau Style Sheet yang ditautkan) disimpan secara manual atau otomatis, lihat Menyimpan dan mengembalikan perubahan Saat Anda menyimpan file yang memicu pemuatan ulang halaman, PyCharm menampilkan tooltip Mengerti . Anda dapat mengubah perilaku default untuk memuat ulang halaman saat Anda mengetik sehingga perubahan pada HTML atau file terkait segera muncul di browser atau di pratinjau bawaan
Perubahan pada perilaku muat ulang hanya berlaku setelah Anda menutup pratinjau bawaan atau browser yang saat ini dibuka Lihat kode sumber HTML halaman web di editor
Lihat gambar tersematPyCharm menawarkan beberapa cara untuk melihat gambar yang disematkan dalam file HTML. Anda dapat menggunakan , , atau Lihat gambar di PyCharm
Lihat gambar di editor eksternal
Ubah editor eksternal default
Ekstrak file yang disertakanAnda dapat mengekstrak fragmen kode HTML ke dalam file penyertaan terpisah. Seluruh blok kode JavaScript di dalam tag
Konfigurasikan penyorotan sintaksAnda dapat mengonfigurasi penyorotan sintaks sadar HTML sesuai dengan preferensi dan kebiasaan Anda
Konfigurasikan tag HTML khususPyCharm mengetahui semua tag HTML standar, dan melaporkan semua tag yang tidak dikenal di markup Anda. Jika Anda menggunakan kerangka kerja yang bergantung pada tag HTML khusus, tag tersebut juga akan dilaporkan sebagai tidak diketahui, yang akan menjadi false positive dalam kasus tersebut |