PyCharm 教程

PyCharm 笔记

original icon
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.knowledgedict.com/tutorial/pycharm-html-and-css-integration.html

Pycharm HTML和CSS集成


PyCharm 编辑器很好地支持 HTML 和 CSS。PyCharm 编辑器包含一个特殊的简写,并为 HTML 提供标记完成。

Emmet

Emmet 是 PyCharm 编辑器中使用的速写。它包括 HTML 和 CSS 文件的缩写预览,自动 URL 识别和编辑点等各种功能。设置部分的用户界面显示在下面的屏幕截图中 -

创建 HTML 和 CSS 文件

PyCharm 包含一个用于创建 HTML 和 CSS 文件的内置功能。创建新的 HTML 和 CSS 文件的基本步骤如下所示 -

现在,在项目中创建 HTML 文件时提及文件的名称,如下所示 -

这将创建sample-file.html文件,如下所示 -

创建 CSS 文件

这里演示如何创建 CSS 文件的步骤:

从菜单New中,选择File选项,如下所示 -

在创建过程中指定 CSS 的名称,如此处所示 -

可以看到具有不同颜色组合的各种文件的完整项目结构,如下所示 -