[vsCode] 단축키 설정 : 문자열 대문자/소문자/카멜케이스/케밥케이스 변환

 

 

vsCode 사용 중 상수로 써야하는 값이 있어서 대문자로 변환해야하는 일이 생겼다.

inteliJ 쓸 때 String Manipulation 플러그인을 단축키에 넣어서 자주 썼는데

vsCode에도 비슷한 익스텐션이 있나 살피던 중 방법을 찾아서 정리한다.

 

 

 

1. 대문자 변환 : transformToUppercase

 

1) Ctrl + Shift + P 를 누르고 'shortcut' 을 검색해 단축키 설정 화면으로 들어간다.

2) 'upper'를 검색해서 대문자 변환 단축키를 설정한다.

 

3) 키 바인딩 항목을 더블클릭 >  단축키 입력한다.

4) 동일한 단축키가 이미 등록되어있을 경우 '언제'를 우클릭 > 식인경우변경 클릭

    단축키가 실행될 조건을 설정해준다. 기존 등록된 단축키들과 겹치지 않도록   textInputFocus 로 설정했다.

 

    언제 (when) 조건은 vsCode 공식문서를 참조했다.

when clause contexts

 

 

 

2.소문자 변환:  transformToLowercase

 

3.카멜케이스 변환 :  transformToCamelcase

 

변수, 컴포넌트, 메서드 등 제일 자주 사용하는 카멜케이스 변환도 설정해주었다.

 

4. 케밥케이스 변환 :  transformToKebabcase

CSS에서 사용하는 케밥케이스도 설정했다.

 

 

🙏레퍼런스

• vsCode 공식문서: Key Bindings
• vsCode 공식문서: When clause contexts