Pycharm HTML和CSS集成

PyCharm編輯器很好地支持HTML和CSS。 PyCharm編輯器包含一個特殊的簡寫,併爲HTML提供標記完成。

Emmet

Emmet是PyCharm編輯器中使用的速寫。 它包括HTML和CSS文件的縮寫預覽,自動URL識別和編輯點等各種功能。設置部分的用戶界面顯示在下面的屏幕截圖中 -

Pycharm HTML和CSS集成

創建HTML和CSS文件

PyCharm包含一個用於創建HTML和CSS文件的內置功能。 創建新的HTML和CSS文件的基本步驟如下所示 -

Pycharm HTML和CSS集成

現在,在項目中創建HTML文件時提及文件的名稱,如下所示 -
Pycharm HTML和CSS集成

這將創建sample-file.html文件,如下所示 -
Pycharm HTML和CSS集成

創建CSS文件

這裏演示如何創建CSS文件的步驟:

從菜單New中,選擇File選項,如下所示 -

Pycharm HTML和CSS集成

在創建過程中指定CSS的名稱,如此處所示 -

Pycharm HTML和CSS集成

可以看到具有不同顏色組合的各種文件的完整項目結構,如下所示 -

Pycharm HTML和CSS集成