Ruby安装Scss

Ruby安装Scss

---

引言

已经许久不写HTML了,今天有点以前的东西要改.但是刚装的Windows10,已经没有以前的Web开发环境了.只好重新安装. 结果Webstorm装好后配置Scss出现错误.

1. Ruby官网和淘宝镜像均连接不上,我用的也是https.但是试了不知道多少次才安装成一次.(万恶的墙)
2. 尝试把原来安装后的scss相关的文本拷贝进去(当初就知道有连接不上这么一天), 还是不行.
3. 最后只有自己去GitHub上下Scss的源码

Tips
本文默认读者已经正确安装Ruby

使用Scss源码

获取Scss源码

去Github下载并解压到任意目录(中文路径未测试). 官网

修改Scss源码
为了能让.scss文件中包含中文，比如中文注释. 需要简单的修改源码.

找到sass/bin/scss文件. 注意这里是scss因为我使用的是它,如果你使用的是sass则选择sass文件
在 require 'sass/exec' 行下添加一行代码 Encoding.default_external = Encoding.find('utf-8')

生成.bat
为了在Windows下使用Webstorm的Scss插件,需要写一个bat文件
注意下面需要自行配制 Ruby 和 Scss的路径

@ECHO OFF
IF NOT "%~f0" == "~f0" GOTO :WinNT
@"C:\Ruby22-x64\bin\ruby.exe" "C:/Ruby22-x64/bin/scss" %1 %2 %3 %4 %5 %6 %7 %8 %9
GOTO :EOF
:WinNT
@"C:\Ruby22-x64\bin\ruby.exe" "%~dpn0" %*