728x90
반응형
SMALL
안녕하세요.
https://blog.naver.com/sysysy0302 여니입니다 :)
1. ! + enter or html5: + ctrl
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>※ html 작성할 수 있는 기본 골조를 자동완성 시켜주는 단축키입니다.
※ 중요!! 작업 시작시 맨 처음 새파일을 추가하여, 이름을 입력시 파일이름 뒤에 ' .html ' 을 입력하지 않으면 해당 단축키가 작동하지 않습니다.
2. link:css + enter
<link rel="stylesheet" href="style.css">
3. 한번에 ul, li 태그 생성 : na>ul>li*4 + enter
<na>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</na>
4. 한번에 ul, li, a 태그 생성 : na>ul>li*4 + enter
<na>
<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</na>
5. 요소 안에 클래스 이름 넣어 요소 추가하기 : .클래스이름*(추가할 갯수)
<div class="user">
.user_column*2
</div>
<div class="user">
<div class="user_column"></div>
<div class="user_column"></div>
</div>
6. alt + shift + f
입력 라인을 자동 정렬해줍니다. (이클립스에서도 적용)
(코드가 쓰다보면 들여쓰기가 엉망일 경우 자동으로 줄 맞춤 정렬을 해줍니다.)
7. alt + 커서
다중 커서 기능입니다.
alt 키를 누른 상태로 특정 코드를 커서로 드래그 하면 다중 커서 기능으로 한 번에 수정 및 작성이 가능합니다.
8. alt + 방향키
해당 커서가 있는 행으로 이동합니다.
9. alt + shift + 방향키
해당 커서 부분을 복사할 수 있습니다. (이클립스에서도 적용)
10. ctrl + shift + k
해당 커서가 있는 행을 한번에 삭제해줍니다.
11. shift + alt + a
여러 줄 주석처리
12. ctrl + /
한 줄 주석처리 (이클립스에서도 적용)
728x90
반응형
LIST
'VsCode(HTML) > 1. HTML' 카테고리의 다른 글
| VsCode(HTML) - 표관련태그 (0) | 2023.07.06 |
|---|---|
| VsCode(HTML) - 목록관련태그 (0) | 2023.07.06 |
| VsCode(HTML) - 글자관련태그 (0) | 2023.07.02 |