css 코드 한줄로 정렬 하기

 

코딩을 처음 시작하면서부터 지금까지 아래와 같은 형태로 계속 css를 작성하다 보니 한 줄 작성이 너무 불편하다.

 

그래서 찾아보게 된 css 코드 한줄로 정렬 하기 방법

 

vs-code에서 css-compact이라는 플러그인을 이용하면 아주 간단하게 가능하다.

 

css-compact 확장 플러그인을 설치했다면

 

이제 정렬을 원하는 css에서 alt + shift + F 를 누르면 된다.

 

그러면 이렇게 간단하게 css코드를 한 줄로 정렬 가능하다.