WebStorm配置less编译wxss或css

文章目录


前言

使用WebStorm写微信小程序,wxss写着很麻烦,就想着用less,接下来是配置less编译


先下载安装less

javascript 复制代码
npm install -g less

less会安装在你当前目录下(以D盘为例),不过,可执行文件在这里:

可执行文件在这里(.bin目录,路径有圆点符号)

D:\node_modules.bin\lessc.cmd

打开webstorm的file watchers

具体目录: file(文件)->settings(设置)->Tools(工具)->file watchers

只需要改动以下三部分就行了(下方有图)

程序:

我的在D盘,一般都在项目的node_modules目录下的.bin\lessc(记住是.bin目录)

D:\project\huanjing-mp-new\node_modules.bin\lessc

实参:

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

要刷新的输出路径

javascript 复制代码
$FileNameWithoutExtension$.wxss

以上三步没问题,就ok了,编译css也是同理,只是将wxss后缀名改为css就行。

成功

相关推荐
暖木生晖2 小时前
动画序列——实现一个div转一圈的效果
前端·css·html·css3·html5
Hilaku2 小时前
你不会使用css函数 clamp()?那你太low了😀
前端·css·html
程序员嘉逸2 小时前
CSS 值与单位全解析:从基础到实战技巧
css
ai小鬼头15 小时前
如何重装旁路由系统并优化AIStarter部署:一步步教程
java·css·github
止观止16 小时前
CSS3 粘性定位解析:position sticky
前端·css·css3
I'mxx17 小时前
【html常见页面布局】
前端·css·html
慧一居士19 小时前
预处理器完整功能介绍和示例演示(LESS/SCSS)
前端·css·css3
你这-坏孩子21 小时前
更改elementui 图标 css content
前端·css·elementui
扶光与望舒呀1 天前
HTML 标题标签
前端·css·html
sunbyte1 天前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | DoubleClickHeart(双击爱心)
前端·javascript·css·vue.js·tailwindcss