[VSCode] 더블클릭으로 선택영역 범위 넓게 잡기.(- 대시 까지 선택하기)

css 네이밍 작업을 하다 보면 대부분 -(대시)로 이름을 짓는다.

기본적인 에디터에서 단어를 더블클릭하면 _(언더바)의 경우 언더바로 이어진 부분은 모두 선택이 가능하다.

그 반면 대시로 네이밍을 작성하여 마우스로 더블클릭을 하면 대시 전까지만 선택되게 된다.

이게 은근히 작업속도를 느리게 만드는 요인이기도 하다.

 

VS Code 에서 대시를 사용하여도 더블클릭시 모두 선택할 수 있는 설정에 대해 알아 보도록 하자.

VS Code를 실행하고 맨 하단 왼쪽에 톱니바퀴 모양 설정 버튼이 있다. 누르고 Settings로 들어간다.

그럼 검색창이 나오는데 wordSeparators 라고 적어주자. 그럼 다음과 같은 화면이 검색되어 나온다.

위의 빨간 박스 안을 주목하자. 안에 -(대시)가 존재하는데 대시만 지운 후 셋팅 설정을 종료해준다.

그런다음 css 파일 하나 생성해서 클래스명에 대시를 넣어 마우스로 더블클릭 해보자.

선택 잘 된다. 기존에 sublime text 에서 이 설정을 해서 사용하였는데 

 VS Code에서 이런 설정이 없나 하던 차에 기능을 찾아 정리해 본다.

 

부족한 점이 있거나 더 유익한 VS Code 설정이 있다면 댓글 부탁 드립니다.

^^