【windows】Idea+ruby+Gem+Scss搭建css开发环境

1.先安装最新版的ruby:

传送门:http://rubyinstaller.org/downloads/

安装的时候,一定要允许写入环境变量(add to Path)
需要安装对应的安装包(64位或者32位)

2.安装完成后,再打开 开始 -> 运行 -> cmd

3.输入如下代码:

gem sources --remove https://rubygems.org/
gem sources -a https://ruby.taobao.org/
gem sources -l

#输出
*** CURRENT SOURCES ***
https://ruby.taobao.org # 请确保只有 ruby.taobao.org

有一段时间,淘宝的镜像不能用了,可以去百度下别的镜像,比如ruby-china

$ gem sources --add https://gems.ruby-china.org/ --remove https://rubygems.org/
$ gem sources -l
https://gems.ruby-china.org
# 确保只有 gems.ruby-china.org

4.再输入:

gem install sass
gem install compass

这一步是为了在ruby安装路径下生成SCSS.bat文件去监听SCSS文件。

5.安装完成之后,我们需要为IDEA添加file watcher插件

《【windows】Idea+ruby+Gem+Scss搭建css开发环境》

其中,arguments的配置为:

–no-cache –update –style compressed

$FileName$:$FileNameWithoutExtension$.css 

6.安装成功,重启编辑器即可。

    原文作者:piapia
    原文地址: https://segmentfault.com/a/1190000007799605
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞