'기타/VS Code' 카테고리의 글 목록 :: 개발은 아름다워
728x90
SMALL

설치방법 : 비쥬얼 스튜디오에서 검색

Material theme 비쥬얼 스튜디오 배경색 변경
Material icon theme 아이콘 모양 세련, 생동감
Prettier 코드 포맷팅(셋팅창 > save 검색 > Format on save 체크 > Prettier 검색 > Prettier : Teb Wigth 2(스페이스 2칸)로 변경 > Prettier quote 검색 > javascript > preferences: Quote Style 에서 auto를 .singie로 변경 > Typescript > preferences: Quote Style 에서 auto를 .singie로 변경
Indent-rainbow 들여쓰기 되어 있는 부분을 하이라이트 표현됨
Auto rename tag 태그를 시작, 끝 한부분만 수정해도 동시에 수정되도록 함
CSS PEEK html에서 정의된 스타일 확인할려면 ctrl + 클릭하면 css로 이동해서 확인 가능
HTML CSS SUPPORT 단어가 자동으로 완성되도록 도움
LIVE SERVER 새로고침을 하지 않더라도 수정하고 저장만 하더라도 자동으로 서버에 동기화됨
HTML to CSS autocompletion css에서 한글자만 쓰더라도 스타일 등 정의된 단어가 자동으로 입력되는 기능
Eslint 실시간으로 오류를 잡아줌

 

728x90
LIST
저작자표시 비영리 변경금지

'기타 > VS Code' 카테고리의 다른 글

[VS Code] (단축키) 유용한 단축키 정리  (0) 2022.06.28
728x90
SMALL

단축키는 Windows 기준으로 작성하였습니다.

하단에는 단축키 전체 모음(windows)을 다운 받을 수 있도록 하였습니다. 참고바랍니다.

command palette ctrl + shift + p, F1 마우스없이 키보드로 검색창 여는 기능
Quick open ctrl + p 해당하는 파일을 빠르게 검색하고 바로 실행되는 기능
User Settings ctrl + , 셋팅창 열기
Toggle Sidebar ctrl + b 좌측에 열려있는 익스플로러창 열고 닫기 기능
Toggle terminal ctrl + `  VS Code에 내장된 터미널 열기 기능
keyboard shortcuts ctrl + k +  s 키보드 단축키 모음창 열기 기능
beginning/end of file ctrl + home , ctrl + end, home, end 빠르게 내비게이션 하는 방법
select word ctrl + shift + 방향키 좌, 방향키 우 단어 단위로 선택
copy line ctrl + c(복사) 하고 ctrl + v(붙여넣기) 커서를 복사할 라인에 클릭 후 누르면 한줄 전체 복사 및 붙여넣기
cut line ctrl + x 커서를 잘라내기할 라인에 클릭 후 누르면 한줄 전체 잘라내기 및 붙여넣기
move line down/up alt + 방향키 위, 아래 해당 라인 전체가 위 아래로 옮겨짐(블록으로 지정해서도 가능)
insert line below ctrl + enter 코드 중간에 커서가 있는 상태에서 작업 완료시 아래칸으로 커서 이동할 때 사용
multi selection ctrl + d 동일한 단어를 수정 및 삭제 등 작업 필요시 여러번 누르면 전부 선택이 되고 그 상태에서 한꺼번에 수정 가능
undo last cursor ctrl + u 이전의 커서 위치로 이동
insert cursor alt + click 여러군데 한꺼번에 선택하는 기능
column (box) selection shift + alt + 마우스 드래그 여러군데 한꺼번에 선택하는 기능
current selection shift + alt + i 해당하는 부분 맨 끝부분이 선택되는 기능

비쥬얼스튜디오 단축키(윈도우용).pdf
0.14MB

 

728x90
LIST
저작자표시 비영리 변경금지

'기타 > VS Code' 카테고리의 다른 글

[VS Code] (설치) 설치 및 유용한 익스텐션  (0) 2022.06.28

+ Recent posts

티스토리툴바