<IDE> HTML 코드 작성 시간 단축하기 (WebStorm 단축키 정리)

코드 작성시 기본 방침

1. 마우스 사용 최소화

2. Emmet 사용 필수! 습관화하기!

3. Prettier 설치 (설치 방법 향후 작성 예정)

4. 귀찮은거 싫은 사람은 WebStorm 사용 추천

 

WebStorm 단축키 (VS Code 역시 동일할 수 있음)

Ctrl + (방향키 or 백스페이스) : 동일한 특성을 가지는 단어 그룹만큼 이동 or 삭제

Ctrl + Alt + J : 현재 커서가 있는 행을 특정 태그로 감싸기

Alt + F2 : Built-in Preview 또는 브라우저(크롬, 파이어폭스, 엣지 등 설정 가능) 실행

Alt + Shift + 위아래 방향키 : 현재 커서가 있는 행을 위아래로 이동

Shift + F6 : 동일한 성격의 같은 이름들을 동시에 변경

 

WebStorm 사용 이점

1. 태그 이름 수정시 여는 태그, 닫는 태그가 동시에 수정된다.

2. HTML 요소의 속성까지 입력하면 어떤 값을 넣을 수 있는지 리스트로 알려준다.