摘要:本文将带你教你如何搭建css开发环境【windows】Idea+ruby+Gem+Scss搭建css开发,希望本文对大家学Windows有所帮助。
1.先安装最新版的ruby:
传送门://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插件
其中,arguments的配置为:
–no-cache –update –style compressed
$FileName$:$FileNameWithoutExtension$.css
6.安装成功,重启编辑器即可。
本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标系统运维之Windows频道!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号