Pycharm-HTMLとCSSの統合

HTMLとCSSはPyCharmエディターで十分にサポートされています。PyCharm Editorには特別な省略形が含まれており、HTMLのタグ補完を提供します。

エメット

EmmetはPyCharmエディターで使用される省略形です。HTMLおよびCSSファイルの略語プレビュー、自動URL認識、編集ポイントなどのさまざまな機能が含まれています。設定セクションのユーザーインターフェイスは、以下のスクリーンショットに示されています。

PyCharmには、HTMLおよびCSSファイルを作成するための組み込み機能が含まれています。新しいHTMLおよびCSSファイルを作成するための基本的な手順は次のとおりです。

次に、以下に示すように、プロジェクトでHTMLファイルを作成するときにファイルの名前を指定します-

これにより、 sample-file.html 以下に示すファイル-

CSSファイルを作成する手順を次に示します-

から New メニューから、 File 以下に示すオプション-

次に示すように、作成時にCSSの名前を指定します-

以下に示すように、さまざまな色の組み合わせで言及されたさまざまなファイルを含む完全なプロジェクト構造を見ることができます-