web-dev-qa-db-ja.com

Netbeans 8.0.1でSASSを使用する方法

Netbeans 8.0.1でSASSを使用しようとしています。私はRubyとSASSをRuby -v。

Project\Web Pages\resourcesの下にcssおよびscssフォルダーを設定したWebアプリケーションがあります。

入力と出力はそれぞれ/ scssと/ cssに設定され、「保存時にSassファイルをコンパイルする」にチェックが入っています。 styles.scssファイルを作成し、SASS/CSSを追加しました。

Styles.scssファイルを保存すると、styles.cssが生成されるはずですか？プロジェクトを保存またはコンパイルしても何も起こりません。

誰かが同様の問題に遭遇したか、この問題をデバッグする方法についての提案がありますか？

前もって感謝します！

netbeanssass
26
greenJavaDev

はい、ファイルを保存すると、CSSが作成/更新されます。入出力ディレクトリのマッピングが間違っていると思います。パスは、サイトルート/ Webルートに相対的である必要があります。私はあなたのプロジェクトが何であるか確かではありません（HTML5またはPHPまたはJava Webまたはその他？）、しかしあなたがJava Webプロジェクトの場合、パスは

resources/scss -> resources/css
14
ladar

Windows10、Ruby2.2.3、Netbeans8へのSASSのインストール

  1. ダウンロードWindows用SASS-RubyInstaller.org
  2. インストール Ruby like：

Installing SASS in Netbeans

  1. ウィンドウでCMDを検索し（コマンドプロンプト）、起動します。
  2. cd \Ruby\bin（Hit Enter）を使用してRubyのbinフォルダーにアクセスします
  3. sassのインストールコマンドgem install sassを使用（Enterを押してインストール）

Installing SASS in Netbeans

  1. インストールが完了するのを待ちます

Installing SASS in Netbeans

  1. Netbeans open
    オプション→ツール→その他（v8.1 +のHTML/JS）→CSSプリプロセッサタブ
  2. インストールされたsass.bat C:\Ruby\bin\sass.batへのパスを入力して、Install Sassをクリックします。
    適用/ OKで変更を確認します

Installing SASS in Netbeans

  1. 既存のものまたは新しいプロジェクトの作成（HTML5、PHPなど）を使用します。
    プロジェクトの作成後、プロジェクトウィンドウを開きます。
    右クリックプロジェクトを選択し、> プロパティを選択します。
    [プロジェクトプロパティ]ポップアップから[CSSプリプロセッサ]を選択します。
    [保存時にSASSファイルのコンパイル]を選択します。
    （コンパイラで.css結果ファイルを自動的に最小化する場合は、Compiler Optionsの下で--style compressedを使用します）

Installing SASS in Netbeans

  1. 上記の画像から、コンパイラは2つのデフォルトのInput（watchable）/ Output（compiled destionation）folders pathsを使用していることがわかります。
    プロジェクトにもscssフォルダー（オプションでcssフォルダー）を作成します。

Installing SASS in Netbeans

完了です！

新しい。scssファイルを作成するか保存すると、Netbeansは/cssフォルダー内の。cssにファイルを自動的にコンパイルします。

Installing SASS in Netbeans

83
Roko C. Buljan