vscode 에서 css,scss를 한줄로

css-compact

https://marketplace.visualstudio.com/items?itemName=jsonchou.css-compact 

css-compact - Visual Studio Marketplace

코드를 한 줄로 만드는 VScode의 확장 프로그램은 더 있지만, 주석을 삭제하지 않는 확장 프로그램은 이것밖에 찾지 못했다.
코드를 수정한 후에 단축키 shift+alt+f를 사용하면 코드가 한 줄로 돌아온다.

 

scss-compact

https://marketplace.visualstudio.com/items?itemName=xxxxst.vscode-scss-format 

scss-format - Visual Studio Marketplace

SCSS에서 가능한 플러그인

scss-format 을 설치하고 Ctrl + i 혹은 Ctrl + j 를 누르면 변경.

물론 이 단축키는 설정에서 변경 가능하다. 

 

하지만 이 플러그인에는  아쉬운 점이 있는데 코드 영역을 선택해야 한다.

파일 내 모든 코드를 바꾸고 싶다면 Ctrl + A,

특정 영역만 바꾸고 싶다면 드래그나 Shift + 방향키로 선택한 후 단축키를 입력해야 한다.