2012 年 10 月 7 日

[compass教學]安裝Compass

本篇目錄

去年我就一直在使用Sass編寫CSS,從今年開始我換成使用Compass,雖然不見得使用了全部的功能,但是對於CSS編寫開發上的確是非常有用的功能,不過在安裝上就需要經過層層關卡了,而且Mac的程序也與Windows不一樣,今天就來說下Compass的安裝步驟吧!

Mac安裝Compass上非常方便,而Compass本身就是加強版的Sass,所以安裝Compass也等於安裝好了Sass,以下就來說明整個的安裝步驟。

第一步:打開終端機

第二步:輸入以下內容
sudo gem update --system由於更新資料需使用管理者身份,否則將無法順利將檔案覆蓋更新

第三步:輸入您的管理者密碼
輸入時畫面不會有任何反應,請正確輸入,輸入完畢後按Enter鍵,如果發生密碼錯誤請確認您的密碼,並返回步驟二

第四步:輸入以下內容,接著在輸入您的管理者密碼
sudo gem install compass當你完成這個步驟,你會看到畫面在下載SassCompass等檔案,之後安裝完畢後,你就可以開始使用Compass囉!

Windows的朋友由於系統沒有內建Ruby,所以你必須自行安裝Ruby之後才可以比照上述步驟安裝Compass喔!

文章分類:

2 comments on “[compass教學]安裝Compass”

發佈回覆給「Unknown」的留言 取消回覆

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

相關推薦文章

希望您會喜歡
2009 年 3 月 16 日
[新聞]新的Apple 家族 Apple iPod shuffle

蘋果最近動作頻繁,上次的發表會除了軟體以外沒有任何新的硬體,讓不少人失望了一陣子,但是最近許多謠言紛紛都實現了 […]

Read More
2007 年 7 月 22 日
[繪圖] 暴龍 也要惡搞

前幾天朋友畫了一隻恐龍,我看到就跟他說我都不會畫畫,在經過多次的來回對談中,我決定畫一隻恐龍來證明我不會畫畫! […]

Read More
2012 年 9 月 30 日
[工具]英文、中文亂數假文產生器

不管是在企劃網站或是設計頁面,常常都會需要用到假文,通常這個時候我都會選擇找篇新文來貼,因為新聞有圖、有標題、 […]

Read More
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram