安裝 Sass
應用程式應用程式永久連結
有許多應用程式可以讓您在幾分鐘內在 Mac、Windows 和 Linux 上啟動並運行 Sass。您可以免費下載大部分應用程式,但其中一些是付費應用程式(而且絕對物有所值)。
函式庫函式庫永久連結
Sass 團隊維護兩個用於 Sass 的 Node.js 套件,兩者都支援標準 JavaScript API。sass
套件是純 JavaScript,速度稍慢,但可以安裝在 Node.js 支援的所有平台上。sass-embedded
套件則將JS API 包裝在 Dart VM 周圍,因此速度更快,但僅支援 Windows、Mac OS 和 Linux。
以下語言也有社群維護的包裝器:
- Ruby
- Swift
- Java,包含
- 一個 Gradle 外掛。
- 一個輕量級的Maven 外掛,包裝了 Sass CLI。它指定要使用的 Sass 版本。CLI 參數使用
<args>
列表傳入。 - 一個功能齊全的Maven 外掛,包裝了 Dart Sass。它捆綁了固定的
dart-sass
版本。CLI 參數作為 Maven 參數公開。
命令列命令列永久連結
當您在命令列上安裝 Sass 時,您將能夠運行 sass
可執行檔,將 .sass
和 .scss
檔案編譯成 .css
檔案。例如:
sass source/stylesheets/index.scss build/stylesheets/index.css
首先使用以下選項之一安裝 Sass,然後運行 sass --version
以確保安裝正確。如果安裝正確,這將包含 1.79.4
。您也可以運行 sass --help
以取得有關命令列介面的更多資訊。
一旦全部設定完成,**就去玩玩看吧**。如果您是 Sass 的新手,我們已經準備了一些資源來幫助您快速學習。
- 在任何地方安裝(獨立版本)
-
您可以透過從 GitHub 下載適用於您的作業系統的套件,並將其新增到您的
PATH
中,即可在 Windows、Mac 或 Linux 上安裝 Sass。這樣就完成了——沒有外部依賴項,也沒有其他需要安裝的東西。 - 在任何地方安裝(npm)
-
如果您使用 Node.js,您也可以使用npm 安裝 Sass,方法是執行:
npm install -g sass
但是,請注意,這將安裝純 JavaScript 實作的 Sass,其運行速度比這裡列出的其他選項慢一些。但它具有相同的介面,因此如果您需要更快的速度,以後可以輕鬆地換成其他實作!
- 在 Windows 上安裝(Chocolatey)
-
如果您使用 Windows 的Chocolatey 套件管理器,您可以透過執行以下命令來安裝 Dart Sass:
choco install sass
- 在 Mac OS X 或 Linux 上安裝(Homebrew)
-
如果您使用 Mac OS X 或 Linux 的Homebrew 套件管理器,您可以透過執行以下命令來安裝 Dart Sass:
brew install sass/sass/sass