PyCharm——HTML 和 CSS 整合

PyCharm 編輯器很好地支援 HTML 和 CSS。PyCharm 編輯器包括一個特殊速記，併為 HTML 提供標籤完成。

Emmet

Emmet 是 PyCharm 編輯器中使用的速記。它包括各種功能，如縮寫預覽、自動 URL 識別和 HTML 以及 CSS 檔案的編輯點。設定部分的使用者介面如下圖所示

建立 HTML 和 CSS 檔案

PyCharm 包含一個內建功能用於建立 HTML 和 CSS 檔案。建立新 HTML 和 CSS 檔案的基本步驟如下：-

現在，在專案中建立 HTML 檔案時，使用如下所示提到的檔名 -

這建立了sample-file.html 檔案，如下所示 -

建立 CSS 檔案

建立 CSS 檔案的步驟如下 -

在新建選單中，選擇檔案選項，如下所示 -

在建立期間指定 CSS 名稱，如下所示 -

你可以看到完整的專案結構，其中各種檔案採用不同顏色組合標示，如下所示 -