【windows】Idea+ruby+Gem+Scss搭建css開發(fā)環(huán)境

seanHai 發(fā)布于2019-08-30 13:14 / 3331人閱讀

摘要：安裝完成之后，我們需要為添加插件其中，的配置為安裝成功，重啟編輯器即可。

1.先安裝最新版的ruby:

傳送門：http://rubyinstaller.org/downloads/

安裝的時(shí)候，一定要允許寫入環(huán)境變量（add to Path）
需要安裝對(duì)應(yīng)的安裝包（64位或者32位）

2.安裝完成后，再打開開始 -> 運(yùn)行 -> 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

有一段時(shí)間，淘寶的鏡像不能用了，可以去百度下別的鏡像，比如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文件去監(jiān)聽SCSS文件。

5.安裝完成之后，我們需要為IDEA添加file watcher插件

其中，arguments的配置為：

–no-cache –update –style compressed

$FileName$:$FileNameWithoutExtension$.css

6.安裝成功，重啟編輯器即可。

GPU云服務(wù)器云服務(wù)器 windows下搭建linux開發(fā)環(huán)境 windows下搭建hadoop開發(fā)環(huán)境 ruby gem 鏡像 Ruby環(huán)境搭建

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/115410.html

相關(guān)文章

Windows環(huán)境下Jekyll+Github搭建個(gè)人博客

摘要：雙擊打開正文顯示的文章名，如我的第一篇文章顯示的文章發(fā)布日期，如標(biāo)簽的分類，如隨筆注意文章頭部格式必須為上面的，就是文章的正文內(nèi)容。萌新來講講如何使用 Jekyll 搭建個(gè)人博客，從安裝到配置！炒雞詳細(xì)！。原文地址https://zhangmingemma.github.... 介紹 jekyll是一個(gè)靜態(tài)站點(diǎn)生成器，會(huì)根據(jù)網(wǎng)頁源碼生成靜態(tài)文件。簡單。無需數(shù)據(jù)庫，評(píng)論功能，不需要...

liujs 2019-08-01 17:40 評(píng)論0 收藏0
Windows環(huán)境下Jekyll+Github搭建個(gè)人博客

摘要：雙擊打開正文顯示的文章名，如我的第一篇文章顯示的文章發(fā)布日期，如標(biāo)簽的分類，如隨筆注意文章頭部格式必須為上面的，就是文章的正文內(nèi)容。萌新來講講如何使用 Jekyll 搭建個(gè)人博客，從安裝到配置！炒雞詳細(xì)！。原文地址https://zhangmingemma.github.... 介紹 jekyll是一個(gè)靜態(tài)站點(diǎn)生成器，會(huì)根據(jù)網(wǎng)頁源碼生成靜態(tài)文件。簡單。無需數(shù)據(jù)庫，評(píng)論功能，不需要...

stackvoid 2019-08-21 16:43 評(píng)論0 收藏0
Windows環(huán)境下Jekyll+Github搭建個(gè)人博客

摘要：雙擊打開正文顯示的文章名，如我的第一篇文章顯示的文章發(fā)布日期，如標(biāo)簽的分類，如隨筆注意文章頭部格式必須為上面的，就是文章的正文內(nèi)容。萌新來講講如何使用 Jekyll 搭建個(gè)人博客，從安裝到配置！炒雞詳細(xì)！。原文地址https://zhangmingemma.github.... 介紹 jekyll是一個(gè)靜態(tài)站點(diǎn)生成器，會(huì)根據(jù)網(wǎng)頁源碼生成靜態(tài)文件。簡單。無需數(shù)據(jù)庫，評(píng)論功能，不需要...

Travis 2019-08-29 13:30 評(píng)論0 收藏0
Sass

摘要：同樣的在下安裝有多種方法。這樣的文件，命名規(guī)范是以下劃線開頭的，這樣的文件不會(huì)被編譯成文件。這個(gè)特性現(xiàn)在正被眾多開發(fā)者濫用。就是取值的一種特殊形式，符合特殊用法。函數(shù)名稱參數(shù)列表數(shù)據(jù)處理繼承允許一個(gè)選擇器，繼承另一個(gè)選擇器。 sass介紹 ? SASS是一種CSS的開發(fā)工具，提供了許多便利的寫法，大大節(jié)省了設(shè)計(jì)者的時(shí)間，使得CSS的開發(fā)，變得簡單且可維護(hù)。 ? SASS的本...

StonePanda 2019-08-30 14:04 評(píng)論0 收藏0
Sass

摘要：同樣的在下安裝有多種方法。這樣的文件，命名規(guī)范是以下劃線開頭的，這樣的文件不會(huì)被編譯成文件。這個(gè)特性現(xiàn)在正被眾多開發(fā)者濫用。就是取值的一種特殊形式，符合特殊用法。函數(shù)名稱參數(shù)列表數(shù)據(jù)處理繼承允許一個(gè)選擇器，繼承另一個(gè)選擇器。 sass介紹 ? SASS是一種CSS的開發(fā)工具，提供了許多便利的寫法，大大節(jié)省了設(shè)計(jì)者的時(shí)間，使得CSS的開發(fā)，變得簡單且可維護(hù)。 ? SASS的本...

pcChao 2019-08-22 15:01 評(píng)論0 收藏0