私は全体的に Eclipse に非常に満足しており、Eclipse と CLI (NPM tidy および GIT 用) を使用していますが、sass ファイルを編集するときにいくつかのかなりイライラする項目に気付きました (.scss フレーバーを使用して、.sass フレーバーを調べていません) )。
1つ目は些細なことで、本当に不便で、「}」に続くものはすべて緑色で表示されます.これは、単純なCSSで意味のあるルールのかなり単純な誤用であるため、無視できると感じました. しかし、CTRL + SHIFT + Fは完全に機能しません。同じ理由だと思います...CSSでは意味がありますが、sassでは意味がありません。例えば:
/* _structure.scss, include in style.scss
html {
height: 99%;
min-width: 18em;
max-width: 60em;
margin: 0 auto;
}
body {
height: 100%;
background-color: $bg_dark;
}
.main {
position: absolute;
top: 0;
bottom: 0;
text-align: center;
background-color: $bg_medium;
@include wb($bishop) {
left : 10%;
right: 10%;}
@include wb ($queen) {
left: 20%;
right: 20%;}
& h1 {
top 2rem;
color: $text_light;
font: {
size : 4rem; }
line-height: 3rem; }
& h2 {
color: $text_medium;
font: {
size : 3rem; }
line-height: 7rem; }
}
ごくわずかしか変更されないはずです:
/* _structure.scss, include in style.scss
html {
height: 99%; min-width: 18em; max-width: 60em; margin: 0 auto;
}
body {
height: 100%; background-color: $bg_dark;
}
.main {
position: absolute; top: 0; bottom: 0; text-align: center;
background-color: $bg_medium; @ include wb($bishop) { left : 10%;
right: 10%;
}
@
include wb ($queen) {
left: 20%; right: 20%;
}
&
h1 {top 2rem;
color: $text_light; font: { size : 4rem;
}
line-height
:
3
rem
;
}
&
h2 {
color: $text_medium; font: { size : 3rem;
}
line-height
:
7
rem
;
}
}
私はこの質問を見つけました: Sassのscssファイルまたは構文カラーリングプラグイン用のEclipseエディターはありますか? これは問題の一部を説明しますが、すべてを解決するわけではありません。この動作を具体的に管理するxmlに入る方法があると思いますが、私はハードコアなXMLでもハードコアな日食でもないので、より単純なソリューションを好みます。