Question

我非常满意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
;

}
}

我确实发现了这个问题： Is there an Eclipse editor for Sass's scss files or syntax coloring plugin?谈到问题的一部分，但没有解决所有问题。我怀疑有一些方法可以进入专门管理这种行为的xml，但由于我既不是硬核XML也不是硬核日食，我更喜欢更简单的解决方案。

可以自定义Eclipse Formatter以避免损坏sass（.scss）

0 个答案: