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集成》

        原文作者:Pycharm教程
        原文地址: https://www.yiibai.com/pycharm/pycharm_html_and_css_integration.html
        本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
    点赞