溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要為大家展示了“SASS的安裝方式有哪些”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“SASS的安裝方式有哪些”這篇文章吧。
SASS是便是一門動態樣式語言，是一款款強化CSS的輔助工具，它在CSS語法的基礎上，增加了變量，嵌套，混合，導入，函數的高級功能，這些拓展使CSS更加強大與優雅，有助于更好的管理樣式文件，以及更高效的開發項目。
我們可以使用 npm（NPM 使用介紹）來安裝 Sass。
npm install -g sass
注：國內 npm 建議使用淘寶鏡像來安裝，參考：NPM 國內慢的問題解決
我們可以使用 Windows 的包管理器 Chocolatey 來安裝：
choco install sass
Mac OS 可以使用 Homebrew 包管理器來安裝：
brew install sass/sass/sass
更多安裝方法可以查看官網：https://sass-lang.com/install
我們的教程使用的是 npm 安裝的 sass，安裝完成后可以查看版本：
$ sass –version 1.22.12 compiled with dart2js 2.5.0 接下來我們創建一個 runoob-test.scss 文件，內容為： runoob-test.scss 文件代碼:
/* 定義變量與值 */$bgcolor: lightblue;$textcolor: darkblue;$fontsize: 18px;
/* 使用變量 */
body {
background-color: $bgcolor;
color: $textcolor;
font-size: $fontsize;
}然后在命令行輸入下面命令，即將 .scss 文件轉化的 css 代碼：
$ sass runoob-test.scss
@charset "UTF-8";
/* 定義變量與值 */
/* 使用變量 */
body {
background-color: lightblue;
color: darkblue;
font-size: 18px;
}我們可以在后面再跟一個 .css 文件名，將代碼保存到文件中：
$ sass runoob-test.scss runoob-test.css
這是會在當前目錄下生存 runoob-test.css 文件，代碼如下：
@charset "UTF-8";
/* 定義變量與值 */
/* 使用變量 */
body {
background-color: lightblue;
color: darkblue;
font-size: 18px;
}
/*# sourceMappingURL=runoob-test.css.map */以上是“SASS的安裝方式有哪些”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
