Sass學習之路(2)——Sass環境安裝(windows版)

来源:http://www.cnblogs.com/YuuyaRin/archive/2016/12/11/6159463.html
-Advertisement-
Play Games

因為本喵目前用的是window10的本子,所以這裡就發windows版本的安裝流程啦。(希望有朋友可以贊助我一個mac(┳_┳)); 第一步:安裝ruby 因為Sass是基於ruby編寫的,所以先去官網下載ruby(百度一下,你就知道)。 當然了,國外的網站,動不動上不去,或者下載不了都有可能,所以 ...


因為本喵目前用的是window10的本子,所以這裡就發windows版本的安裝流程啦。(希望有朋友可以贊助我一個mac(┳_┳));

第一步:安裝ruby

因為Sass是基於ruby編寫的,所以先去官網下載ruby(百度一下,你就知道)。

當然了,國外的網站,動不動上不去,或者下載不了都有可能,所以百度軟體中心這個也是可以的,親測可用

 

 

點開以後選擇普通下載,防止捆綁,從我做起。

下載完以後幾乎是傻瓜式安裝,使用預設路徑就可以,

 

註意這裡要勾上第二項,不然可能會出現找不到Ruby環境的情況。(就像以前寫java要手動去環境變數裡加path就很蛋疼(>_<))

 

安裝完成以後,程式里應該會多了這一項,用來啟動ruby命令行面板

打開他,就可以開始用各種ruby指令安裝sass了。

(這段路有點坎坷,用原本的景象直接gem install sass的話,多半會失敗,畢竟牆外的世界難以捉摸。然後也有看到教程寫使用淘寶鏡像,但是現實很殘酷,如今的淘寶鏡像已經沒有更新,掛掉了╮( ̄▽ ̄")╭。最後發現新的源現在由Ruby China持續維護中,官網上寫的是gem source -a https://gems.ruby-china.org,然而這裡有一點要註意,需要把https改成http,各種報錯,這樣改完就好用了)。廢話不多說,來看看完整的安裝步驟啦:

第一步:移除預設的源

 

gem sources --remove https://rubygems.org/

 

 

第二步:指定Ruby China的源

 

gem sources -a http://gems.ruby-china.org

 

 

第三步:查看指定的源是否正確

 

gem sources -l

顯示結果應該如下:

 

 

最後一步:安裝sass

 

gem install sass

 

 

最後可以使用 sass -v指令查看是否安裝成功

效果如下

 

最後說一下更新和卸載sass的方法:

1.更新:gem update sass   

被告知沒什麼可以更新的╮( ̄▽ ̄")╭

2.卸載:gem uninstall sass

這個指令,反正我不想試。大概只有遇到sass遇到什麼無法解決的問題,想重新裝。或者看淡IT回家種田的時候才用得到╮( ̄▽ ̄")╭

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • ...
  • 左右轉換需要在實現左右轉換的同時實現點擊換圖,這樣就需要(num=index;即紅色部分。),詳解見代碼。 ...
  • 以上是一個簡單地焦點圖事例,思路:圖片路徑寫在a標簽的href屬性里,點擊a得到$(this).attr("href");並把這個值給img的src。用簡單地jQuery寫一個點擊事件。 ...
  • log4js "log4js" 是一個管理,記錄日誌的工具。 其實與 "morgan" 的作用類似。 安裝 log4js的6個日誌級別 分別是:trace(藍色)、debug(青色)、info(綠色)、warn(黃色)、error(紅色)、fatal(粉色) 這6個level方便我們給日誌設置不同的 ...
  • 前言 好吧,我承認我是為了搞定Sass編譯CSS文件的問題,迷一樣的著手入gulp的坑,sass和gulp的爬坑歷程大概會一起更新。然後感覺這裡windows和mac的流程差不多,不過mac的通常在指令前加sudo ,本喵是windows的本本,所以就以windows的流程為例了。 1. 安裝淘寶c ...
  • 最近遇到一個問題,對於某一個持續的動作,希望能夠知曉用戶何時停止這個動作, 比如說 我們通過註冊onresize事件,去監聽瀏覽器視窗變化的事件,在這個事件裡面,我們可能要執行大量的計算去確定視窗變化後的一個佈局 可惜的是,onresize事件,在視窗大小發生改變的時候就會觸發一次,像筆者這種喜歡拖 ...
  • 一、單側陰影 box-shadow屬性的應用,格式:h-shadow v-shadow blur spread color inset屬性取值介紹 h-sahdow:水平陰影的位置,允許負值 v-shadow:垂直陰影的位置,允許負值 blur:模糊距離 spread:陰影的尺寸,擴張距離,可以為負 ...
  • 1.ECMAScript中的函數使用function關鍵字來聲明。 eg: 註意: 在有return語句的函數中,函數會在執行完return語句後停止並立即退出。因此,位於return語句之後的任何代碼都永遠不會執行。 eg: 以上代碼執行後,會出現內容為“10”的警告框,但是不會出現內容為“Hel ...
一周排行
    -Advertisement-
    Play Games
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...