Pycharm-html-and-css-integration

提供:Dev Guides
移動先:案内検索

Pycharm-HTMLとCSSの統合

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

エメット

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

エメット

HTMLおよびCSSファイルの作成

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

Htmlの作成

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

Html File

これは以下に示すように sample-filel ファイルを作成します-

サンプルファイル

CSSファイルの作成

CSSファイルを作成するための手順はここに示されています-

  • 新規*メニューから、以下に示すように*ファイル*オプションを選択します-

Cssの作成

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

Css Demo

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

色の組み合わせ