Pycharm - Intégration HTML et CSS

HTML et CSS sont bien pris en charge dans PyCharm Editor. PyCharm Editor inclut un raccourci spécial et fournit la complétion de balises pour HTML.

Emmet

Emmet est le raccourci utilisé dans l'éditeur PyCharm. Il comprend diverses fonctionnalités telles que l'aperçu des abréviations, la reconnaissance automatique des URL et les points d'édition, pour les fichiers HTML et CSS.L'interface utilisateur de la section des paramètres est illustrée dans la capture d'écran ci-dessous -

Création de fichiers HTML et CSS

PyCharm comprend une fonctionnalité intégrée pour la création de fichiers HTML et CSS. Les étapes de base pour créer de nouveaux fichiers HTML et CSS sont les suivantes:

Maintenant, mentionnez le nom du fichier lors de la création de fichiers HTML dans le projet comme indiqué ci-dessous -

Cela crée le sample-file.html fichier comme indiqué ci-dessous -

Créer un fichier CSS

Les étapes de création d'un fichier CSS sont présentées ici -

Du New menu, sélectionnez le File option comme indiqué ci-dessous -

Spécifiez le nom du CSS lors de sa création comme indiqué ici -

Vous pouvez voir la structure complète du projet avec divers fichiers mentionnés dans différentes combinaisons de couleurs comme indiqué ci-dessous -