Vim에서 부분 HTML 들여 쓰기 비활성화

주의 사항 : 저는 웹 개발자가 아닙니다.

그러나 HTML을 편집해야하는 경우는 드 rare니다. 내가 할 때 Vim에서 내가 싫어하는 동작을 발견했으며 구성을 통해 변경할 수 있기를 바랍니다.

코딩 할 때 줄을 80 자로 줄이려고합니다. 이것은 종종 HTML 태그를 여러 줄로 나눠야 함을 의미합니다. 내가 원하는 것은 이것이 일어날 때 합리적인 들여 쓰기입니다. 예를 들어 다음 코드가 있고 비슷하게 들여 쓰기를 원할 수 있습니다.

<a href="http://someverylongurl.com/foo/bar/blaz/SinwzvO.jpg"><img
   src="http://someverylongurl.com/foo/bar/blaz/Sinwzv0.jpg"
   class="ri" alt="This is an image"></a>

그러나 기본적으로 Vim의 자동 들여 쓰기는 분할 HTML 태그를 이전 행에서 시작하는 HTML 태그와 같은 수준으로 들여 씁니다. 즉, 다음과 같은 것을 얻습니다.

<a href="http://someverylongurl.com/foo/bar/blaz/SinwzvO.jpg"><img
                                                              src="http://someverylongurl.com/foo/bar/blaz/Sinwzv0.jpg"
                                                              class="ri" alt="This is an image"></a>

정확히 내가 원하지 않는 것입니다. 입력하는 동안 끊임없이 돌아가서 이와 같은 들여 쓰기를 수정해야합니다.

나는 Vim의 자동 들여 쓰기를 좋아하며 단순히 보편적으로 비활성화하고 싶지 않습니다. 분할 HTML 태그 들여 쓰기를 비활성화하거나 변경하고 싶지만 방법을 알 수는 없습니다.

이것을 바꿀 수 있습니까?

(이 질문에 대해 Stackoverflow를 검색하려고 시도했지만 찾을 수 없습니다. 중복되는 경우 원본을 알려주십시오.)

편집 : 솔루션은 https://www.reddit.com/r/vim/comments/3ogbna/disabling_partial_html_indentation_in_vim/cvy8p3u 에서 발견되었습니다.

편집 # 2 : 좋아, 위의 해결책으로 문제가 해결되지 않았습니다. 아직 있어요

indentation filetype-html

— 크리스 웰
소스

마지막 스 니펫에서 제공 한 들여 쓰기 예제가 놀랍습니다. 바닐라 Homebrew 설치 (버전 7.4)에서 시도했으며 예상대로 autoindent작동 합니다. 라인 끝에서 <Enter>를 누르면 vim 이 활성화됩니다. 다음 줄을 방금 끝낸 줄로 들여 씁니다. 내 생각에 기본 들여 쓰기 모델을 변경하는 플러그인이있을 수 있습니다.

— 블라드 GURDIGA

@ VladGURDIGA, 예, 나는 의심하기 시작합니다. 나는 vimrc에 뛰어 들어 내가 무엇을 생각 해낼 수 있는지보아야한다. 내 vimrc는 여기에 있습니다. btw github.com/criswell/meh/blob/master/vim/.vimrc

— criswell

또한 일반적으로 ftplugins, 색상 및 기타 자동로드 항목이로드되기 때문에 ~ / .vim /을 확인하십시오. 8-)

— Vlad GURDIGA

나는 또한 reddit에게 물었고,이 답변을 얻었습니다 .reddit.com / r / vim / comments / 3ogbna /… . 그에 따라 질문을 업데이트하겠습니다.

— criswell

좋은! 후속 감사합니다! :)

— Vlad GURDIGA

tidy-html5 플러그인을 권장합니다 .

웹 개발자 자신도 HTML 태그를 조금 다르게 정렬하는 것이 좋습니다.

AirBnb React 스타일 가이드 (가장 읽기 쉬움 )

<a href="http://someverylongurl.com/foo/bar/blaz/SinwzvO.jpg">
  <img
    src="http://someverylongurl.com/foo/bar/blaz/Sinwzv0.jpg"
    class="ri"
    alt="This is an image"
  >
</a>

Google HTML 스타일 가이드 (일반)

<a href="http://someverylongurl.com/foo/bar/blaz/SinwzvO.jpg">
  <img src="http://someverylongurl.com/foo/bar/blaz/Sinwzv0.jpg"
       class="ri" alt="This is an image">
</a>

이것은 포맷터가 미친 들여 쓰기를 피하는 데 실제로 도움이됩니다.

— Atav32
소스