1、安装Ruby环境
网上百度如何安装
2、Ruby自带一个叫做RubyGems的系统,我们使用这个系统来 安装Sass和Compass。
命令如下:
gem install sass
gem install compass
安装完成,查看sass是否安装成功:
//查看sass版本
sass -v
3、webstorm中添加FileWatcher
依次打开:Settings -> Tools -> File Watchers -> + -> SCSS
添加sass编译工具地址,并如图设置相关参数:
Arguments:
–no-cache –update –sourcemap –watch
FileName
F
i
l
e
N
a
m
e
:
FileParentDir
F
i
l
e
P
a
r
e
n
t
D
i
r
\css$FileNameWithoutExtension$.css