Sassのインストール

アプリケーションアプリケーションのパーマリンク

Mouse

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 パラメーターとして公開されます。

コマンドラインコマンドラインのパーマリンク

Keyboard

コマンドラインにSassをインストールすると、sass実行可能ファイルを実行して、.sassおよび.scssファイルを.cssファイルにコンパイルできるようになります。例 えば

sass source/stylesheets/index.scss build/stylesheets/index.css

まず、以下のいずれかのオプションを使用してSassをインストールし、sass --versionを実行して正しくインストールされたことを確認します。正しくインストールされていれば、1.79.4が含まれているはずです。コマンドライン インターフェイスの詳細については、sass --helpを実行することもできます。

すべてセットアップされたら、遊びに行きましょう。Sassを初めて使用する場合は、すぐに習得できるようにいくつかのリソースを用意しました。 

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