ホームページ  >  記事  >  ウェブフロントエンド  >  Sass 開発環境 setup_html/css_WEB-ITnose

Sass 開発環境 setup_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:20:29993ブラウズ

1. Ruby 環境での Sass のインストール

a. Ruby のインストール

1. Rubyinstaller のインストールをダウンロード

2. コマンドラインからインストールするか、sass gem パッケージ Sass を直接使用します。 具体的なインストール方法については、http://www.w3cplus.com/sassguide/install.html を参照してください。 (Sass gem アドレスは調整されており、私のネットワーク ディスクから gem パッケージをダウンロードできます: http://pan.baidu.com/s/1hslRynE)

b. Sass 開発環境 Sublime Text をインストールします

インストール 完了後の設定は比較的面倒です。

1. Sublime のプラグイン マネージャーを管理するために使用される PackageControl ツールをインストールする必要があります。 PackageControl のインストール方法は多数あります。具体的な方法については、http://www.imjeff.cn/blog/62/ を参照してください。

2. SASS 開発プラグインをインストールします。 Sass プラグインのインストールは非常に簡単です。ショートカット キー Ctrl+shift+p、「Install」と入力し、「Install Package」を選択して車に入り、「Sass」と入力し、「Sassbuilder 開発プラグイン」を選択します。

インストール方法はステップ2と同じです

Sublime のインストールパッケージと Package Control はネットワークディスクにあります

c. UI コンパイルツールをインストールします。

もしRuby コマンドを使用して Sass をコンパイルするのが面倒だと思う場合は、koala を使用することをお勧めします。

コアラは私のネットワーク ディスクにあります。

2. Sass の VS 統合インストール

Ruby プログラマーやプロのフロントエンドの場合、最初の方法は確かに可能ですが、.net プログラマーにとって、珍しい開発ツールを大量にインストールするのは非常に面倒です。トラブル。ここでは、宇宙初のアーティファクトである Sass を統合する VS メソッドを紹介します。 Mindscape.WebWorkbench.Integration プラグインを使用します。プラグインのインストール パッケージはすでにネットワーク ディスクにありますので、直接ダウンロードしてインストールできます。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。