Js-beautify: CSS 규칙 사이에 빈 줄 추가 또는 유지

+1

+1

+1

"end_with_newline"이라는 옵션이 있습니다. 이것이 블록 사이에 새 줄을 추가한다고 생각했지만 파일 끝에 빈 줄을 넣습니다 :-/

이 문제가 해결되기를 바랍니다. 저는 아름답게 하는 것을 좋아하지만 이 문제(이것이 어리석게 들릴지 모르지만)는 저에게 거래 차단기입니다.

최소한 간단한 CSS 문서의 경우 } 다음에 새 줄을 추가하여 이 문제를 해결했습니다.

\Packages\HTML-CSS-JS Prettify\scripts\node_modules\js-beautify\js\lib\beautify-css.js로 이동합니다.
이 코드 섹션을 찾으십시오.

print["}"] = function (ch) {
            print.newLine();
            output.push(ch);
            print.newLine();
        };

그리고 그것을 변경

print["}"] = function (ch) {
            print.newLine();
            output.push(ch);
            print.newLine();
            output.push('\n');
        };

@Atid-G, 굉장해! 테스트(및 python 포트)와 함께 pull 요청을 제공하세요.

@Atid-G의 수정 사항으로는 충분하지 않다고 생각합니다. 중첩 속성에서는 닫는 괄호 뒤에 새 줄을 추가할 필요가 없습니다. 나는 그것이 less/scss를 위한 것이라는 것을 알고 있지만 이것이 또한 그 언어를 아름답게 하는 데 사용된다고 생각합니다.

예시 :

.rule-1 {
    display: block;

    .rule-2 {
        float: left;
    } // New line needed after this bracket

    .rule-3 {
        display: none;
    } // No new line needed
}

@drewhamlett , 방금 병합을 수행했지만 여기에서 원하는 것을 완전히 해결하는지 확신할 수 없습니다. 좀 봐주시겠어요?

@bitwiseman이 말했듯이 이 개선 사항은 https://github.com/beautify-web/js-beautify/pull/574 pull 요청에서 다룹니다.
확인하고 이 문제를 종료하십시오.

다음 버전을 기다리며..

좋아, 나는 이것을 좋은 것으로 부르고 그렇지 않은 것으로 판명되면 다시 열 수 있습니다.

@malexandre가 말했듯이 중첩 속성 내에 새 줄을 추가할 수 있습니까? 모든 것이 덩어리로 뭉쳐져 있고 린터도 그것에 대해 불평하고 있습니다. 많은 속성에 미디어 쿼리가 중첩되어 있어 읽기가 매우 어렵습니다.

@nevace , 다른 문제에 대해 이야기하고 있는 것 같습니다. 입력, 전류 출력, 원하는 출력 예시로 새로운 이슈를 열어주세요. 관련 설정을 포함하십시오.

이거 고쳐졌어?

이거 고쳐졌어?

https://github.com/beautify-web/js-beautify/pull/574

@bitwiseman : 관련성이 높은 #1258인 것 같아서 새 티켓을 직접 열었습니다.

이것은 아주 좋을 것입니다. js-beautify가 sass-lint 더 명시적으로 준수했으면 좋겠지만 이것이 나에게 많은 문제를 주는 유일한 기능입니다.