Sassのインストール
アプリケーションアプリケーションのパーマリンク
Mac、Windows、Linux向けに、数分でSassを使い始められるアプリケーションが多数あります。ほとんどのアプリケーションは無料でダウンロードできますが、一部は有料アプリです(そしてそれだけの価値はあります)。
ライブラリライブラリのパーマリンク
Sassチームは、Sass用の2つのNode.jsパッケージを管理しており、どちらも標準のJavaScript APIをサポートしています。sass
パッケージは純粋なJavaScriptで、多少動作が遅いですが、Node.jsがサポートするすべてのプラットフォームにインストールできます。sass-embedded
パッケージは、Dart VMをラップするJS APIを提供するため、高速ですが、Windows、Mac OS、および Linuxのみをサポートしています。
また、以下の言語用にコミュニティによって管理されているラッパーもあります 。
- Ruby
- Swift
- Java(以下を含む)
- Gradleプラグイン。
- Sass CLIをラップする軽量なMavenプラグイン。使用するSassのバージョンを指定します。CLI引数は、
<args>
リストで渡されます。 - Dart Sassをラップする、機能がすべて含まれたMavenプラグイン。固定された
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を初めて使用する場合は、すぐに習得できるようにいくつかのリソースを用意しました。 。
- どこにでもインストール (スタンドアロン)
-
Sassは、お使いのオペレーティングシステムのパッケージをGitHubからダウンロードし、
PATH
に追加することで、Windows、Mac、またはLinuxにインストールできます。それだけです。外部依存関係はなく、他にインストールする必要もありません。 。 - どこにでもインストール (npm)
-
Node.jsを使用している場合は、npmを使用してSassをインストールすることもできます。次のコマンドを実行します。 。
npm install -g sass
ただし、ご注意ください。これにより、Sassの純粋なJavaScript実装がインストールされます。これは、ここに記載されている他のオプションよりもいくらか実行速度が遅くなります。ただし、インターフェイスは同じなので、後で少し速度が必要になった場合は、別の実装に簡単に交換できます。 。
- 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