mac下使用webstorm监听less文件自动生成wxss文件

vscode可以使用 Easy LESS 插件实现通用的功能。

本机环境:

  • 14.7.2 [macbookpro m3pro]
  • WebStorm 2024.1.1
  • nvm [v16.20.2]

步骤:

  1. 全局安装 less,这里使用 3的版本 [注意:nvm管理,切换的时候,需要重新安装!]
bash 复制代码
npm uninstall -g less && npm install -g less@3.13.1
  1. 打开 WebStorm 的 File Watcher

    ● 打开 WebStorm 设置(Cmd + , 或 File > Settings)。

    ● 找到 File Watchers(Tools > File Watchers)。

    ● 点击 + 添加新的 Watcher,选择 Less。

  2. 配置 File Watcher

    在新建的 Less Watcher 里,修改如下配置:

    ● File type: Less

    ● Scope: Project Files

    ● Program: 填写 Less 运行路径,通常是:

    ○ lessc(如果是全局安装)

    ○ 或者填写项目中的 Less 位置,例如:node_modules/.bin/lessc

    ● Arguments: 修改为:

bash 复制代码
  $FileName$ $FileNameWithoutExtension$.wxss

● Output Paths:

bash 复制代码
$FileNameWithoutExtension$.wxss

● Working directory: $FileDir$(保持默认)

相关推荐
csdn_aspnet17 小时前
在 MacOS 中安装 MySQL 8
mysql·macos
AscendKing21 小时前
less使用说明
less
木兰不吃草1 天前
完美解决在最新系统 MacOS 26 无法使用 playCover 键盘映射的问题(下载安装教程,完美适配)
macos·键盘映射·playcover·mac26
乾坤瞬间1 天前
【Deepseek OCR】重磅测试,mac环境下的体验【本人已经本地实验成功】
macos·ocr
开发者驿站1 天前
2025年保姆级C++环境配置教程(Windows/macOS双平台)
c++·windows·macos
猫头虎1 天前
解决升级IDEA2025.2后,每次打开Maven项目爆红的问题:Windows和Mac解决方案
java·ide·macos·maven·intellij-idea·idea·intellij idea
白玉cfc1 天前
【iOS】KVC 与 KVO 的基本了解与使用
macos·ios·objective-c·cocoa
马拉萨的春天1 天前
谈谈你对iOS的runtime和runloop的了解
macos·ios·cocoa
xingxing_F1 天前
A Better Finder Rename for mac 文件批量重命名
macos