资讯专栏INFORMATION COLUMN

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

seanHai / 3224人阅读

摘要:安装完成之后,我们需要为添加插件其中,的配置为安装成功,重启编辑器即可。

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插件

其中,arguments的配置为:

–no-cache –update –style compressed

$FileName$:$FileNameWithoutExtension$.css 

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/115410.html

相关文章

  • Windows环境下Jekyll+Github搭建个人博客

    摘要:双击打开正文显示的文章名,如我的第一篇文章显示的文章发布日期,如标签的分类,如随笔注意文章头部格式必须为上面的,就是文章的正文内容。 萌新来讲讲如何使用 Jekyll 搭建个人博客,从安装到配置!炒鸡详细!。原文地址https://zhangmingemma.github.... 介绍 jekyll是一个静态站点生成器,会根据网页源码生成静态文件。 简单。无需数据库,评论功能,不需要...

    liujs 评论0 收藏0
  • Windows环境下Jekyll+Github搭建个人博客

    摘要:双击打开正文显示的文章名,如我的第一篇文章显示的文章发布日期,如标签的分类,如随笔注意文章头部格式必须为上面的,就是文章的正文内容。 萌新来讲讲如何使用 Jekyll 搭建个人博客,从安装到配置!炒鸡详细!。原文地址https://zhangmingemma.github.... 介绍 jekyll是一个静态站点生成器,会根据网页源码生成静态文件。 简单。无需数据库,评论功能,不需要...

    stackvoid 评论0 收藏0
  • Windows环境下Jekyll+Github搭建个人博客

    摘要:双击打开正文显示的文章名,如我的第一篇文章显示的文章发布日期,如标签的分类,如随笔注意文章头部格式必须为上面的,就是文章的正文内容。 萌新来讲讲如何使用 Jekyll 搭建个人博客,从安装到配置!炒鸡详细!。原文地址https://zhangmingemma.github.... 介绍 jekyll是一个静态站点生成器,会根据网页源码生成静态文件。 简单。无需数据库,评论功能,不需要...

    Travis 评论0 收藏0
  • Sass

    摘要:同样的在下安装有多种方法。这样的文件,命名规范是以下划线开头的,这样的文件不会被编译成文件。这个特性现在正被众多开发者滥用。就是取值的一种特殊形式,符合特殊用法。函数名称参数列表数据处理继承允许一个选择器,继承另一个选择器。 sass介绍 • SASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单且可维护。 • SASS的本...

    StonePanda 评论0 收藏0
  • Sass

    摘要:同样的在下安装有多种方法。这样的文件,命名规范是以下划线开头的,这样的文件不会被编译成文件。这个特性现在正被众多开发者滥用。就是取值的一种特殊形式,符合特殊用法。函数名称参数列表数据处理继承允许一个选择器,继承另一个选择器。 sass介绍 • SASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单且可维护。 • SASS的本...

    pcChao 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<