webstorm中less转wxss

webstorm中less转wxss

File -> Settings -> File Types -> Cascading Style Sheet

File -> Settings -> File Types -> Wxss

File -> Settings -> Tools -> File Watchers

File -> Settings -> Tools -> File Watchers

1.Arguments:

--no-color $FileName$ $ProjectFileDir$/pages/$FileDirPathFromParent(less)$/$FileNameWithoutExtension$.wxss

* --no-color 禁用彩色的输出

* $FileName$ 当前编辑文件名

* $ProjectFileDir$/pages/$FileDirPathFromParent(less)$/$FileNameWithoutExtension$.wxss 项目目录/pages/在当前目录找到父目录less的路径/当前编辑文件名去除.less扩展名再加上.wxss扩展名

2.Output paths to refresh:

$ProjectFileDir$/pages/$FileDirPathFromParent(less)$/$FileNameWithoutExtension$.wxss

* 保存在指定的目录下，并刷新项目结构显示文件出来

效果