2017-12-15 2 views
0

BEM 스타일의 CSS 클래스 이름 지정을 사용합니다.PhpStorm에서 CSS의 서식을 사용할 때 들여 쓰기를 유지하는 방법은 무엇입니까?

.b-ajax-window-header { 
    display : flex; 
} 

    .b-ajax-window-header__left { 
     margin-right : 20px; 
    } 

    .b-ajax-window-header__right { 
     margin-left : auto; 
    } 

하지만 사용할 때 PhpStorm에서«재 포맷 코드»는 두 번째와 세 번째 CSS 지침은 들여 쓰기를 잃어 가고있다.

.b-ajax-window-header { 
    display : flex; 
} 

.b-ajax-window-header__left { 
    margin-right : 20px; 
} 

.b-ajax-window-header__right { 
    margin-left : auto; 
} 

나는 이것을 막기위한 설정을 찾았지만 아무 것도 찾지 못했습니다. 도와 주실 수 있겠습니까?

답변

2

그런 설정이 없습니다.

이 티켓은 관련성이있는 것 같습니다 : https://youtrack.jetbrains.com/issue/WEB-26136 - 진행 상황을 통보 받기 위해 (별표/투표/의견) 감상하십시오.


P. 들여 쓰기/그룹화가 필요하다면 ... Less/Sass를 사용하면 어떨까요? 적은 코드 작성 (.b-ajax-window-header을 3 번 반복 할 필요 없음). 구조 패널에도 그룹화가 있습니다.

원본을 읽기 위해 필요합니까? 최종 컴파일 된 CSS는 여기에서 중요하지 않습니다 (서식 지정 방법). 플러스 minification 나중에 ...

+0

감사합니다. 나는 당신이 말한 모든 것을했습니다 (별표/투표/의견). –

+0

나는 더 나은 검색을 위해 클래스의 전체 이름을 좋아한다. 그래서 저는 Sass와 다른 사람들을 사용하지 않습니다. –

관련 문제