스이디: 스타트업에서 이거저거 하는 디자이너

서브라임 텍스트 꿀팁. 다중 선택 sublime text multi select 본문

팁, 노하우, 알아냄/프론트 코딩

서브라임 텍스트 꿀팁. 다중 선택 sublime text multi select

didQk 2019. 5. 9. 13:58

서브라임 텍스트를 비롯한 에디터들은 다양한 단축키나 기능들이 있는데


그 중에 내가 쓰면서도 이건 참 좋다고 느끼는 것들 중에 하나가


바로 다중 선택이다. 



예를 들어



이렇게 div 태그를 입력했다고 하자.

그런데 이게 여러 줄 필요하다고 하면

저길 드래그해서 커맨드 씨, 커맨드 브이 해도 되겠지만


command + shift + d  를 누르면 d 를 누를 때마다 한 줄씩 추가된다.



요렇게.




그럼 이렇게 만들어진 div 안에 클래스를 입력하려면

또 한줄씩 입력을 해야하는 귀찮음이 생긴다.


그럴땐 우선,


첫 번째 div 줄에서


<div>


v 와 > 사이에 커서를 위치하고 ( 클래스를 추가하려는 그 위치)





control + shift + 아래화살표  를 누르면 화살표를 한번 누를 때마다 밑에 한줄씩 추가된다.



요렇게.


4줄을 선택해야 되는데 5줄이 됐다면, 다시 위쪽 화살표를 누르면 한줄 줄어든다.



그렇게 선택된 상태에서 원하는 텍스트를 입력하면 이렇게 한번에 입력할 수 있다.





근데 만약에 윗줄 아랫줄이 반듯하게 딱 수직으로 이어지는게 아니라


div 태그 안에 내용처럼

abc, dd, ewtt, awdgs 이렇게 글자수가 다 다르면


위에서 썼던 방법을 쓸 수가 없다.


이런 상태.




그럴 때 또 엄청 유용한게


command + 마우스 클릭   이다.


원하는 위치에 커서를 갖다 놓고


command 를 누르고 원하는 위치를 마우스로 클릭 클릭해주면



이렇게 원하는 위치를 한번에 동시에 잡을 수 있다.






그러면 이렇게 원하는 내용을 한번에 입력할 수 있다.




귀찮은 걸 워낙 싫어하는 나같은 사람한텐 엄청나게 유용한 기능이다!!! 캬하하하! 좋다좋아!!


Comments