安装sass和webstrom配置scss

1.windows下要先安装Ruby(mac从自带了):http://rubyinstaller.org/downloads/

安装过程中,记得勾选Add Ruby executables to your PATH,直到 Ruby 安装程序完成 Ruby 安装为止。使用命令:ruby -v;查看是否安装成功

2.cmd:使用ruby安装sass:gem install sass

安装sass和webstrom配置scss_第1张图片

3.sass  使用缩进来代替大括号;scss 类似于css的语法

4.在webstrom中配置scss:

打开已有项目,创建一个scss文件;打开配置(Tools - File Watchers)就可以见到了,点击“+”号就可以新建监听配置了。在弹出的对话框中,将Program的路径设为Ruby中scss.bat的路径。

安装sass和webstrom配置scss_第2张图片
安装sass和webstrom配置scss_第3张图片

5.然后编写scss文件的时候,webstorm会自动生成对应的css文件,别忘记在html中引入这个css文件。

你可能感兴趣的:(安装sass和webstrom配置scss)