windows下sass的安装使用,及在webstrom中配置

来源:互联网 发布:淘宝免费领东西刷好评 编辑:程序博客网 时间:2024/06/11 21:58

1.下载安装ruby.
能翻墙的可以直接下载,https://rubyinstaller.org/
不翻就直接用百度搜索搜关键字比如:rubyinstaller 下载
安装时记得勾选 add to path.省下手动配置的步骤。
在cmd命令下输入 ruby -v
看到版本号即为安装成功
ruby成功
2.更改gem地址为国内镜像。感谢社区作出的贡献。
安装成功后在cmd命令行下输入

gem sources --add https://gems.ruby-china.org/ --remove https://rubygems.org/

若出现
Error fetching https://gems.ruby-china.org/:
SSL_connect returned=1 errno= sate=error: certificate verify failed
error
这是由于使用windows的我们没有SSL证书,去网上搜 cacert.pem ,随便下一个,放到随便一个什么位置,比如放到C盘的话,在cmd命令行里输入

set SSL_CERT_FILE=C:\cacert.pem

这样我们在这个cmd窗口运行期间就有了个暂时的SSL证书,可以成功执行更改镜像命令了。
3.安装sass.
继续在cmd命令行里输入

gem install sassgem install compass

就完成啦!可以愉快的使用sass了。
检查是否安装成功

sass -vcompass -v

会输出版本号

以及,在webstorm下配置sass:
settings-tools-File Watchers
点击右边的加号,点击sass文件图标.
在watcher Settings下的Progarm, 选择你的ruby安装目录下的bin\sass.bat
如果是scss就点击scss文件图标,同上,选择ruby安装目录\bin\scss.bat
直接确定就好啦。
这里写图片描述

新建一个test.scss,可以看到自动编译成功!
scss编译成功

如果编译失败,出现Syntax error: Invalid GBK character
可能是由于路径含有中文。这种情况要么把中文改英文,要么可以参考一下ruby环境sass编译中文出现Syntax error: Invalid GBK character错误解决方法

原创粉丝点击