4

我对 Eclipse 非常满意，并且正在使用它和 CLI（用于 NPM tidy 和 GIT）但是我在编辑 sass 文件时注意到了一些相当令人沮丧的项目（使用 .scss 风格，我没有探索过 .sass 风格）。

第一个是次要的，确实带来不便，“}”后面的任何内容都显示为绿色，我觉得我可以忽略这一点，因为这是对在纯 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 也不是硬核 eclipse，我更喜欢更简单的解决方案。

4

0 回答 0