web-dev-qa-db-ja.com

Eclipse内にCSS前処理を統合する方法

できれば.scssファイルの構文強調表示を使用して、EclipseでSCSSファイルを編集したいと思います。

私はこれらのリソースが貴重だと感じました：

EclipseエディターにSCSS開発を統合するにはどうすればよいですか？

または、より一般的には、CSSプリプロセッサをEclipseに統合するにはどうすればよいですか？

csseclipsesasseclipse-plugin
110
Eric H

Eclipseでこれを行う方法を見つけました。このソリューションにはSASSが100％サポートされておらず、ネストされたcssを使用すると色が少しファンキーになりますが、プレーンテキストを見るよりも優れているため、別のエディターをインストールする必要はありません。

.scssファイルタイプをEclipseのネイティブEclipse CSSエディターに関連付ける必要があります[パート1]。その後、.scssファイルタイプをネイティブCSSエディターに追加して、CSSエディターで開くことができるようにする必要があります[パート2]。 Eclipseの手順は次のとおりです（Eclipseを実行していますJava EE IDE for Web Developers、Indigo）：

パート1-.scssファイルタイプをネイティブEclipse CSSエディターに関連付ける

  1. Window > Preferencesに移動します

  2. General > Editors > File Associationsにドリルダウンします

  3. [ファイルの関連付け]ペインで、右上の[追加...]ボタンをクリックします。

  4. File Type:には、*.scssと入力し、[OK]をクリックします。

  5. *.scssリストでFile Associationsエントリを見つけて選択します。

  6. *.scssを選択した後、下部のペインAssociated editors:で、Add...ボタンをクリックします。

  7. 上部でInternal editorsが選択されていることを確認してから、CSS Editorを見つけて選択し、OKをクリックします。

これにより、ファイルタイプ.scssがEclipseネイティブCSSエディターに関連付けられました。次に、.scssファイルをサポートするようにネイティブCSSエディターを構成する必要があります。これを行うには、次の手順を実行します。

パート2-.scssファイルタイプをネイティブCSSエディターに追加する

  1. Window > Preferencesに移動します

  2. General > Content Typesにドリルダウンします

  3. [コンテンツタイプ]ペインでTextを展開し、CSSを選択します

  4. CSSを選択した後、下部のFile associations:ペインで[Add...]ボタンをクリックします。

  5. Content type:には、*.scssと入力し、[OK]をクリックします。

  6. [OK]をクリックして、[設定]ウィンドウを閉じます。

全部終わった。今やらなければならないことは、開いている.scssファイルをすべて閉じてから、それらを再度開いて、.scssファイルのEclipseでcssカラーをwha-laにすることです！

注：cssの色が表示されない場合は、Right click the .scss file > Open With > CSS Editorを実行する必要があります。

お役に立てれば。

294
Scot

Aptana Studio はSASS/SCSSの構文カラーリングのサポートを提供し、AptanaをプラグインとしてEclipseにインストールすることが可能です。 Aptana sownloadサイトからの次の引用を参照してください。

Eclipseを介したインストール

次の更新サイトのURLをクリップボードにコピーしてから、以下の手順に従って、このURLを利用可能なソフトウェアサイトのリストに追加してください。 Webブラウザを使用してこのURLにアクセスしようとすると、アクセス拒否エラーが返されます。

http://download.aptana.com/studio3/plugin/install

  1. [ヘルプ]メニューから["新しいソフトウェアのインストール…"]を選択して、[新しいソフトウェアのインストール]ダイアログを開きます。
  2. 更新サイトのURLを[処理]テキストボックスに貼り付け、Enter（またはReturn）キーを押します。
  3. 以下のデータが表示された表で、プラグインの名前の横にあるチェックボックスをオンにして、[次へ]ボタンをクリックします。
  4. [次へ]ボタンをクリックして、ライセンスページに移動します。
  5. ライセンス契約の条項に同意するオプションを選択し、[完了]ボタンをクリックします。
  6. 続行するにはEclipseを再起動する必要がある場合があります。
11
Yun

SASSファイルをサポートする「Colorer」と呼ばれる最新のEclipseプラグインを使用できます。ここにあります： http://colorer.sourceforge.net/eclipsecolorer/index.html

Eclipseの[ヘルプ]メニューから[新しいソフトウェアのインストール]を開き、[作業]ボックスに「 http://colorer.sf.net/eclipsecolorer 」と入力してプラグインをインストールします。

6
vyasamit2007