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的名称，如下图所示。

你可以看到完整的项目结构，其中提到的各种文件有不同的颜色组合，如下图所示。