安装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

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

4.在webstrom中配置scss:

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容