手写笔
最后修改时间:2023 年 7 月 11 日IntelliJ IDEA 允许您将Stylus代码即时转换为 CSS。
在你开始之前
确保您的计算机上有Node.js。
在设置 |安装Stylus和File Watchers插件 插件页面,选项卡Marketplace ,如从 JetBrains Marketplace 安装插件中所述。
安装手写笔
在嵌入式终端( ) 中,键入:AltF12
npm install --global stylus
访问Stylus官方网站了解更多信息。
编译Stylus代码
要自动编译代码,您需要安装编译器并配置Stylus File Watcher,它将跟踪文件的更改并运行编译器。
当您打开文件时,IntelliJ IDEA 会检查当前项目中是否有适用的文件观察器。如果此类文件观察器已配置但被禁用,IntelliJ IDEA 将显示一个弹出窗口,通知您有关已配置的文件观察器并建议启用它。
如果在当前项目中配置并启用了适用的文件观察器,IntelliJ IDEA 会根据“新建观察器”对话框中指定的事件自动启动编译器。
如果选中“自动保存已编辑的文件以触发观察器”复选框,则只要对源代码进行任何更改,就会调用文件观察器。
如果清除自动保存已编辑的文件以触发观察器复选框,则文件观察器将在保存时启动(文件 | 全部保存,)或当您从 IntelliJ IDEA 移动焦点时(在框架停用时)。Ctrl0S
从文件观察者了解更多信息。
IntelliJ IDEA 使用生成的输出创建一个单独的文件。该文件具有源 Stylus 文件的名称和扩展名.css。生成文件的位置在“新建观察程序”对话框的“刷新输出路径”字段中定义。但是,在项目树中,它们显示在源文件下,源文件现在显示为节点。
创建文件观察器
配置语法高亮
您可以根据自己的喜好和习惯配置 Stylus 感知语法突出显示。
在“设置”对话框 ( ) 中,转到编辑器 | 配色方案| 手写笔。CtrlAlt0S
选择颜色方案,接受从默认值继承的突出显示设置,或按照颜色和字体中所述自定义它们。
感谢您的反馈意见!