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$(保持默认)

相关推荐
秋窗75 小时前
Mac下Python版本管理,适用于pyenv不起作用的情况
开发语言·python·macos
獨枭13 小时前
如何在 macOS 上配置 MySQL 环境变量
数据库·mysql·macos
清风细雨_林木木13 小时前
解决 Mac 只显示文件大小,不显示目录大小
macos
91440623218 小时前
xcode打包导出ipa
ide·macos·xcode
天荒地老笑话么1 天前
Mac安装配置Tomcat 8
java·macos·tomcat
一只往上爬的蜗牛1 天前
【DeepSeek】Mac m1电脑部署DeepSeek
macos·deepseek
小羊在奋斗2 天前
【Linux】认识协议、Mac/IP地址和端口号、网络字节序、socket套接字
linux·网络·macos
Hadesls2 天前
MacOS 15.3 卸载系统内置软件
macos·策略模式
ThomasChan1232 天前
vue3.x 的 toRef详细解读
前端·javascript·vue.js·node.js·vue·bootstrap·less