본문 바로가기

Web Front-end

vscode 코드정렬 단축키

반응형

전체선택 

ctrl + a

 

파일내 텍스트 검색

ctrl + f

 

파일내 동일텍스트 순차 지정

텍스트 영역 블럭지정후,

ctrl + d

 

HTML 코드 정렬

ctrl + k + f

 

css 코드 정렬

alt + shift + f 

 

작업 영역 내 전체 텍스트 검색

ctrl + shift + f 

일괄 변경(replace)

ctrl + shift + h

이후 일괄 저장 필수, alt + ctrl + s

 

beauty (extension) 설치시, 코드정렬

ctrl + shift + b

 

 

 

 

 

 

그외 유용한 단축키

파일명으로 검색하기

ctrl + p 

 

단어 단위 커서 이동

ctrl + 방향키

 

단어 블록

ctrl + shift + 방향키

 

코드 라인 변경

alt + 방향키

 

 

 

익스텐션

prettier : code formmater

indent-rainbow : 들여쓴 코드라인에 rainbow색상 넣어줌

auto-rename/ close tag  : 태그 수정할때 알아서 뒤에것도 바꿈/ 닫아줌

markdown preview : ctrl+p / open Preview 누르면 어떻게 올라갈지 미리보기할수있음

반응형