vscode 단어선택 더블클릭으로 , 유용한 단축키

css 클래스 선택자 이름에 대시("-") 기호 를 사용하여 클래스명을 작성하는 것이 일반적이다.

 

nav-button,  sr-only-focus, bs-docs-nav  등..

 

그런데 vscode 에서 해당 클래스명을 마우스 더블클릭으로 선택하려면 대시("-")기호로 인해 클래스명 전체가 선택되지 않아 불편했다.  대시기호를 단어 구분자로 인식하기 때문이다.

 

해결 방법은

 

설정에서  "editor.wordSeparators" 에서  대시기호를 빼주면 된다.

 

(변경전)

 

 

(변경후)

 

/* 기타 유용한 단축키 */

 

커서가 위치한 같은 단어 전체 선택:  Ctrl +F2

커서가 위치한 같은 단어 반복 선택: Ctrl + D

 

줄 복사: 커서 위치에서 (선택된 것이 없는)  Ctrl + C

줄 잘라내기: 

커서 위치에서 (선택된 것이 없는)  Ctrl + X

 

줄 복제:  Shift + Alt + Down (아래에),  Shift +Alt + Up (위에)

 

줄 이동: Alt + Down(아래로), Alt+Up(위로)

 

줄 삭제: Ctrl + Shift + K

 

커서 위에 빈줄 생성: Ctrl + Enter

 

커서 아래에 빈줄 생성: Ctrl + Shift + Enter

 

커서가 위치한 라인 선택: Ctrl + I

 

라인 들여쓰기: Ctrl +]

 

라인 내여쓰기: Ctrl +[

 

주석:  Ctrl + /

 

선택 영역 주석: Shift + Alt + A 

 

선택영역 코드 정렬: Ctrl + K + F

 

북마크 기능은 먼저 익스텐션 Bookmarks 설치해야한다.

북마크 지정/해제  Ctrl + Alt + k

이전 북마크 이동  Ctrl + Alt + j

다음 북마크 이동  Ctrl + Alt + l