20200901 [intellij] 인텔리제이 상에서 vue code style 수정하기.

개요

뷰를 인텔리제이로 작업하다보면, 코드 스타일이 신경쓰일 때가 있다. 가령 들여쓰기 라던가 혹은 탭의 사이즈라던가. 평소면 그냥 건너갔을텐데, 찾다보니 변경하는게 있었다.

• how to set code style on indent in intellij (vue)

 

방법

 ctrl + alt + s 를 클릭하고 이후에 인풋박스 내에, vue 를 눌러서 코드 스타일을 변경할 수 있다.

• indent children of top-level tag 항목을 살펴보면, 가장 최상위 태그 내에서 들여쓰기 하고 싶은 태그들을 `콤마` 를 기준으로 추가시킬 수 있다. 그래서 나는 기존에 script 태그와 style 태그가 들여쓰기가 안되어있어 추가해주었더니 해결되었다.