美文网首页scss
安装sass和webstrom配置scss

安装sass和webstrom配置scss

作者: ai房子菇凉 | 来源:发表于2017-02-27 15:08 被阅读81次

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

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

4.在webstrom中配置scss:

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

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

相关文章

网友评论

    本文标题:安装sass和webstrom配置scss

    本文链接:https://www.haomeiwen.com/subject/snpzwttx.html