sass
- 首先要有ruby环境，验证Ruby是否安装成功
ruby -v 或ruby --version - 然后安装sass(
npm install -g sass或 官网下载)
sass -v 或 sass --version - webstorm 配置指定输出路径
- perferences>tools>file watchers>点击加号>scss。（
若无file watchers 则在perferences>plugins搜索file watchers 下载安装） - arguments:
--no-cache --update $FileName$:$FileParentDir$/css/$FileNameWithoutExtension$.css
output paths to refresh:$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map
说明：.scss文件与css文件夹的关系为:
- perferences>tools>file watchers>点击加号>scss。（
image.png
$FileParentDir$意思是.scss所在文件夹(scss)的父文件(hello)。
less
- npm install -g less
- perferences>tools>file watchers>点击加号>scss。（
若无file watchers 则在perferences>plugins搜索file watchers 下载安装） - arguments:
$FileName$ $FileParentDir$/css/$FileNameWithoutExtension$.css --source-map
output paths to refresh:
$FileParentDir$/css/$FileNameWithoutExtension$.css.map(.less文件与css文件夹的关系与以上一样)
- perferences>tools>file watchers>点击加号>scss。（
