できれば.scss
ファイルの構文強調表示を使用して、EclipseでSCSSファイルを編集したいと思います。
私はこれらのリソースが貴重だと感じました:
EclipseエディターにSCSS開発を統合するにはどうすればよいですか?
または、より一般的には、CSSプリプロセッサをEclipseに統合するにはどうすればよいですか?
Eclipseでこれを行う方法を見つけました。このソリューションにはSASSが100%サポートされておらず、ネストされたcssを使用すると色が少しファンキーになりますが、プレーンテキストを見るよりも優れているため、別のエディターをインストールする必要はありません。
.scssファイルタイプをEclipseのネイティブEclipse CSSエディターに関連付ける必要があります[パート1]。その後、.scssファイルタイプをネイティブCSSエディターに追加して、CSSエディターで開くことができるようにする必要があります[パート2]。 Eclipseの手順は次のとおりです(Eclipseを実行していますJava EE IDE for Web Developers、Indigo):
Window > Preferences
に移動します
General > Editors > File Associations
にドリルダウンします
[ファイルの関連付け]ペインで、右上の[追加...]ボタンをクリックします。
File Type:
には、*.scss
と入力し、[OK
]をクリックします。
*.scss
リストでFile Associations
エントリを見つけて選択します。
*.scss
を選択した後、下部のペインAssociated editors:
で、Add...
ボタンをクリックします。
上部でInternal editors
が選択されていることを確認してから、CSS Editor
を見つけて選択し、OK
をクリックします。
これにより、ファイルタイプ.scssがEclipseネイティブCSSエディターに関連付けられました。次に、.scssファイルをサポートするようにネイティブCSSエディターを構成する必要があります。これを行うには、次の手順を実行します。
Window > Preferences
に移動します
General > Content Types
にドリルダウンします
[コンテンツタイプ]ペインでText
を展開し、CSS
を選択します
CSS
を選択した後、下部のFile associations:
ペインで[Add...
]ボタンをクリックします。
Content type:
には、*.scss
と入力し、[OK
]をクリックします。
[OK
]をクリックして、[設定]ウィンドウを閉じます。
全部終わった。今やらなければならないことは、開いている.scssファイルをすべて閉じてから、それらを再度開いて、.scssファイルのEclipseでcssカラーをwha-laにすることです!
注:cssの色が表示されない場合は、Right click the .scss file > Open With > CSS Editor
を実行する必要があります。
お役に立てれば。
Aptana Studio はSASS/SCSSの構文カラーリングのサポートを提供し、AptanaをプラグインとしてEclipseにインストールすることが可能です。 Aptana sownloadサイトからの次の引用を参照してください。
Eclipseを介したインストール
次の更新サイトのURLをクリップボードにコピーしてから、以下の手順に従って、このURLを利用可能なソフトウェアサイトのリストに追加してください。 Webブラウザを使用してこのURLにアクセスしようとすると、アクセス拒否エラーが返されます。
http://download.aptana.com/studio3/plugin/install
- [ヘルプ]メニューから["新しいソフトウェアのインストール…"]を選択して、[新しいソフトウェアのインストール]ダイアログを開きます。
- 更新サイトのURLを[処理]テキストボックスに貼り付け、Enter(またはReturn)キーを押します。
- 以下のデータが表示された表で、プラグインの名前の横にあるチェックボックスをオンにして、[次へ]ボタンをクリックします。
- [次へ]ボタンをクリックして、ライセンスページに移動します。
- ライセンス契約の条項に同意するオプションを選択し、[完了]ボタンをクリックします。
- 続行するにはEclipseを再起動する必要がある場合があります。
SASSファイルをサポートする「Colorer」と呼ばれる最新のEclipseプラグインを使用できます。ここにあります: http://colorer.sourceforge.net/eclipsecolorer/index.html
Eclipseの[ヘルプ]メニューから[新しいソフトウェアのインストール]を開き、[作業]ボックスに「 http://colorer.sf.net/eclipsecolorer 」と入力してプラグインをインストールします。