Pycharm - HTML ve CSS Entegrasyonu

PyCharm Editor'da HTML ve CSS iyi desteklenmektedir. PyCharm Editor özel bir kısaltma içerir ve HTML için etiket tamamlama sağlar.

Emmet

Emmet, PyCharm düzenleyicide kullanılan kısaltmadır. HTML ve CSS dosyaları için kısaltma ön izleme, otomatik URL tanıma ve düzenleme noktaları gibi çeşitli özellikler içerir.Ayarlar bölümünün kullanıcı arayüzü aşağıda verilen ekran görüntüsünde gösterilmiştir -

HTML ve CSS dosyaları oluşturma

PyCharm, HTML ve CSS dosyaları oluşturmak için dahili bir özellik içerir. Yeni HTML ve CSS dosyaları oluşturmanın temel adımları aşağıdaki gibidir -

Şimdi, aşağıda gösterildiği gibi projede HTML dosyaları oluştururken dosyanın adını belirtin -

Bu yaratır sample-file.html dosya aşağıda gösterildiği gibi -

CSS dosyası oluşturma

CSS dosyası oluşturma adımları burada gösterilmektedir -

İtibaren New menü, seçin File aşağıda gösterildiği gibi seçenek -

Oluşturma sırasında CSS adını burada gösterildiği gibi belirtin -

Aşağıda gösterildiği gibi farklı renk kombinasyonlarında belirtilen çeşitli dosyalarla eksiksiz proje yapısını görebilirsiniz -