Vscode 멀티커서 - vscode meoltikeoseo

소스 : http://stackoverflow.com/questions/30037808/multiline-editing-in-vscode

Vscode 멀티커서 - vscode meoltikeoseo

Vscode 멀티커서 - vscode meoltikeoseo

  • Ctrl + D : 커서위치를 시작으로 같은 단어를 연속해서 선택
  • Ctrl + Alt + Up/Down : 위/아래로 커서 추가
    ( 인텔 내장그래픽 단축키와의 충돌 때문에 Shift도 같이 누르는게 좋음. Ctrl + Shift + Alt + Up/Down )
  • Alt + LMB : 클릭된 위치에 커서 추가
  • ESC : 선택 취소 (=다중선택모드 종료)

에디터 내 소스의
동일 단어들을 다중커서 지정하려

첫단어 블럭 설정시

Cmd + D , 원할때 까지 반복 하던지
Alt + Shift + L 로 동일 단어나 문장 모두 선택

하였는데

다중커서 지정이 필요 없는 중간 부분을 건너 뛰고 싶은 경우
그 부분을 스크롤 하던지 찾아가서 Alt + Click 으로 미세 설정 하던지 했는데

정규표현식으로 블럭 설정과 다중 커서와 미세 설정 한방에 지정 가능

  1. 파일 내 검색
    Cmd + F
  2. 정규표현식 사용 켜기
    Cmd + Alt + R
  3. 정규표현식으로 검색어 입력
  4. Alt + Enter
Vscode 멀티커서 - vscode meoltikeoseo
정규표현식 다중커서
Vscode 멀티커서 - vscode meoltikeoseo

ubuntu 18.04를 사용하고 있습니다.

vs code는 1.50.1 버전을 사용하고 있습니다.


간혹 ubuntu를 사용하면

window와 mac환경의 범주에 들어가지 않아 곤란할 때가 있다.

이를테면 이모티콘 단축키..?

그리고 vs코드에서 다중커서를 선택할 때 alt(window의 경우)키나 command(mac의 경우)키를 누른 채 

커서를 누르면 다중 클릭이 되어 편리하게 편집이 가능하다는데,

내 경우 해당사항이 없어 불편했다.

(ubuntu 20.04를 사용하는 다른 동료의 경우,  alt키로 다중선택이 잘 되더라...)

그럴 때는 아래처럼 vs 코드 환경설정을 달리해주면 된다.

vs 코드의 Settings에 들어간다.

검색창에 multi까지 검색하고

Editor: Multi Cursor Modifie 

Workbench > List: Multi Select Modifier

이 두 개를 ctrlCmd로 바꾼다.

Vscode 멀티커서 - vscode meoltikeoseo
Vscode 멀티커서 - vscode meoltikeoseo

껐다가 다시 켜서 실행해보면 된다.

컨트롤 키를 누른 채 편집하고 싶은 곳에 커서를 클릭하고, 또 다른 곳에 클릭하면 다중 선택이 가능해진다! 

Vscode 멀티커서 - vscode meoltikeoseo

한가지 유의할 점은, 

이렇게 나처럼 alt 키로 vs 코드에서 다중키 설정이 되어있었지만 안되는 경우, 

ctrlCmd키로 변경하면 ctrl키로 다중선택은 되지만..!

ctrl로 구현하던 파일간 이동은 alt + option키로 바뀌게 된다.(alt+window)

(ctrl 클릭 후 url이나 import된 파일명을 클릭하면 해당 파일로 이동하던 기능) 

Vscode 멀티커서 - vscode meoltikeoseo

Visual Studio Code에서 다중 커서, 여러줄 수정 및 선택 방법 !!

# 1

 Alt + 마우스 좌클릭 

Alt 를 누른상태에서 수정하고 싶은 줄을 클릭해서 한번에 수정하면 된다 !

# 2

 (Alt or Ctrl) + Shift + 방향키(↑, ↓) 

Alt 나 Ctrl(둘중 하나)와  Shift 누른상태에서 방향키로 조절해서 여러줄 선택을 하시면 됩니다 !

Vscode 멀티커서 - vscode meoltikeoseo

해당 위치에서 위아래로 커서 조절하기
Ctrl+Alt+Up or Ctrl+Alt+Down

Vscode 멀티커서 - vscode meoltikeoseo

Shift+Left or Shift+Right 이용

Vscode 멀티커서 - vscode meoltikeoseo

마우스로 멀티 커서 추가 및 제거
Alt+Click

Vscode 멀티커서 - vscode meoltikeoseo

친구들, 또는 동료들 사이에서 VS로 코딩을 할 때(흔하진 않겠지만), 코딩 잘하는 척, 있어보이고 싶다면 에디터를 활용하는 것 만큼 쉬운 방법이 없다.
개인적으로 절친이 자주 쓰는 걸 구경했지만 용어를 몰라서... 계속 찾는걸 까먹다가 드디어 깨닫고 글을 쓴다.

늦었다고 생각할 때가 가장 빠른 시기다. 몰랐다면 지금이라도.

VS의 상세한 문서, 정독 추천: https://code.visualstudio.com/docs/getstarted/tips-and-tricks