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

* 保存在指定的目錄下，並刷新項目結構顯示文件出來

效果