본문 바로가기
728x90
300x250

Front-end/IDE (편집기)15

비주얼 스튜디오 코드 라이브 서버 크롬 연결 1. File > Preferences 2. Settings    3. Extensions > Live Server config > Custom Browser > chrome로 변경 2024. 10. 11.
자주쓰는 vscode 단축키 (비쥬얼 스튜디오 코드) Ctrl + , : 설정 이동 Ctrl + [ : 들여쓰기 Ctrl + ] : 내어쓰기 Ctrl + B : 사이드바 토글 Ctrl + Shift + F : 검색창 열기 Ctrl + G : 줄번호 검색 Ctrl + Enter : 커서 위치한 곳 바로 아래 빈 행 삽입 Ctrl + L : 한 행씩 내려가면서 선택하기 Ctrl + D : 선택된 문자열과 같은 문자열 선택하기(한개씩 선택) Ctrl + Shift + L : 선택된 문자열과 일치하는 문자열 모두 선택하기(Ctrl + D를 통해서 모두 선택했을 경우와 동일) Ctrl + Shift + Enter : 커서가 위치한 곳 윗 줄에 빈 행을 삽입 Ctrl + ←/→ : 단어의 맨 앞/ 맨뒤로 커서 이동 Ctrl + ↑/↓ : 커서 위치 그대로 두고 위 아.. 2022. 8. 10.
[비쥬얼 스튜디오 코드] vscode 앵커 사용해서 선택하기 Ctrl + K, B : 앵커 셋팅하기 Ctrl + K, K : 앵커로 부터 지정된 지점 까지 그 사이 모든 영역 선택 1. 선택하고 싶은 영역 제일 앞에 커서를 두고 Ctrl + K, B 해서 앵커를 셋팅한다. 2. 선택 하고 싶은 영역 제일 뒤에 커서를 위치시킨 후에 Ctrl + K, K 그러면 아래와 같이 그 사이에 영역이 모두 선택된다. 앵커를 삭제할때는 esc키를 누르면 된다. vscode v1.46 이후 사용 가능하다 2022. 8. 9.
vs코드 ! + tab emmet 코드 안됨 해결 갑자기 ! + tab 했을 때 나와야 하는 html 코드가 나오지 않는다. tab키를 눌렀을때 emmet이 나오지 않는 것이 문제 구글링 통해 아래와 같이 간단한 설정으로 해결했다. 1. vs코드 왼쪽 하단 톱니바퀴 아이콘 > 설정 2. 확장 > Emmet > Trigger Expansion On Tab 2022. 7. 12.
728x90
반응형