본문 바로가기

TOOL

[VSCode] 자동 줄맞춤 Beauty아닌 Beautify로!

728x90

에디터 별로 동작하는 단축키가 달라서 종종 헷갈린다. 

퍼블리싱 작업을 할 때엔 브라켓을 주로 사용하나, 협업툴이 정해져 있는경우 다른 에디터를 사용할 적에 혼란이 온다. 열심히 브라켓에서 자동 줄맞춤에 해당되는 ctrl + shift + L 을 눌러도 작동이 안되어 나중에 알게 될 때가 있다. 

현직장에서는 php기반의 프로젝트를 할 때 비주얼 스튜디오 코드로 깃을 연동하여 협업하는데, 한창 프로젝트 기간일 땐 열심히 사용한다. 하지만 그 외적인 요청이나 닷넷 기반의 프로젝트는 비주얼 스튜디오로 협업하기에 다른 프로젝트를 하다가 다시 코드로 돌아오면 비주얼 스튜디오와는 단축키가 달라서 헷갈린다. 

 

비주얼 스튜디오 코드에서도 여느 에디터와 같이 별도의 플러그인을 설치한 후 사용해야한다. 

 

Beauty 라는 플러그인을 설치해야한다. 

단축키는 ctrl + shift + b 이다. 원하는 줄맞춤 구간을 드래그 후 단축키를 실행하면 된다.

그럼 자동 줄맞춤이 실행될 것이다.

 

비주얼 스튜디오 코드 자동 줄맞춤 플러그인 : https://marketplace.visualstudio.com/items?itemName=yhpnoraa.beauty

 

Beauty - Visual Studio Marketplace

Extension for Visual Studio Code - a plugin for beautify & format several web based languages.

marketplace.visualstudio.com

 

 

하지만 셋팅 시에 Beautify 플러그인이 훨씬 편하고 텝 간격의 혼동이 없다!

단축키 설정 방법

File > Preferences > Keyborad Shortcuts > beautify selection 검색

빨간 동그라미로 표시된 연필 아이콘을 눌러 원하는 단축키를 설정한다.

 

 

+++++ 현재 (23.04.21) Beautify 플러그인이 더이상 유지되지 않는다고 한다. 😧

그래서 업데이트된 vscode 줄바꿈 글을 공유한다.

https://jintrue.tistory.com/entry/VScode-%EC%9E%90%EB%8F%99-%EC%A4%84-%EB%A7%9E%EC%B6%A4-%ED%94%8C%EB%9F%AC%EA%B7%B8%EC%9D%B8-Beautify%EA%B0%80-%EC%82%AC%EB%9D%BC%EC%A1%8C%EB%8B%A4

 

[VScode] 자동 줄 맞춤 플러그인 Beautify가 사라졌다...

vscode에서 코드 들여쓰기나 줄 맞춤을 정갈하게 도와주는 플러그인 Beautify가 더이상 유지 되지 않는다고 한다.......... 🤔 그래서 다른 플러그인을 찾아보았다. 그러다 단축키 Ctrl + K + F를 누르면

jintrue.tistory.com