Stylus
PyCharm 可让您实时将 Stylus 代码转换为 CSS。
在开始之前
请确保您的计算机上已安装 Node.js。
按照 Stylus 和 File Watchers 中的说明，在 设置 | 插件 页，选项卡 Marketplace 上安装 从 JetBrains Marketplace 安装插件。 插件仅在 PyCharm 专业版中可用。
安装 Stylus
在内置的 终端 （Alt+F12 ）中，键入：
npm install --global stylus详细了解请参阅 Stylus 官方网站。
编译 Stylus 代码
要自动编译代码，您需要安装编译器并配置一个 Stylus 文件监视器 ，它将跟踪文件的更改并运行编译器。
PyCharm 在您打开文件时会检查当前项目中是否有可用的文件监视器。 如果已配置此类文件监视器但处于禁用状态，PyCharm 会显示一个弹出窗口，告知您已配置的文件监视器并建议启用它。
如果在当前项目中已配置并启用了适用的文件监视器，PyCharm 会在 新建监视器对话框 中指定的事件发生时自动启动编译器。
如果选中 自动保存已编辑的文件以触发监视器 复选框，则在对源代码进行任何更改后会立即调用文件监视器。
如果清除 自动保存已编辑的文件以触发监视器 复选框，则会在保存时（、 Ctrl+S ）或将焦点从 PyCharm 移开时（框架停用时）启动文件监视器。
在 文件监视器 了解更多信息。
PyCharm 会创建一个包含生成输出的单独文件。 该文件与源 Stylus 文件同名，扩展名为 .css 。 生成文件的位置在 要刷新输出路径 字段中定义，位于 新建监视器对话框 中。 不过，在 项目树 中，它们会显示在源文件下方，源文件此时显示为一个节点。
创建文件监视器
或按 Alt+Insert ，然后从列表中选择 
并在打开的对话框中选择文件位置。配置语法高亮显示
您可以根据个人偏好和习惯配置感知 Stylus 的语法高亮显示。
在 设置 对话框（Ctrl+Alt+S ），转到 。
选择配色方案，接受继承自默认设置的高亮设置，或按照 颜色与字体 中的说明对其进行自定义。
配置代码风格
按下 Ctrl+Alt+S 以打开设置，然后选择 。
使用 代码风格。 Stylus 上的控件来配置 Stylus 文件中的代码风格。