Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 |
Tags
- Redux-Toolkit
- html
- 정처기기출
- next.js 에러
- 코테공부
- 프로그래머스알고리즘
- 자바스크립트
- 프로그래머스
- 코테스터디
- 프로그래머스코테
- next.js
- js
- 프로그래머스 Lv.0
- 1일1코테
- 코테준비
- 코딩
- 프로그래머스 레벨0
- 정보처리기사
- 알고리즘문제
- 프로그래머스코딩테스트
- 프로그래머스 코딩테스트
- 프로그래머스 알고리즘
- 프로그래머스 코테
- 코딩테스트
- 알고리즘공부
- 프로그래밍
- mysql
- CSS
- 개발자
- 알고리즘스터디
Archives
- Today
- Total
계발하는 개발자
[HTML] 빠른 마크업을 위한 도구, 에밋(Emmet) 사용법 본문
Emmet이란?
자동완성 기능을 통해 HTML 작성 속도를 크게 향상시켜주는 텍스트 편집기 플러그인
Emmet (에밋)을 사용하면 HTML & CSS의 작업 속도를 엄청나게 향상시킬 수 있다!!👐🙆♀️
VS Code는 emmet을 기본적으로 지원하고 Tab키를 통해 사용한다.
에밋(Emmet) 플러그인 설치하는 법>
1. 우측 블럭모양 [확장 기능 관리자] - [설치 가능] 탭 - 검색창에 "ammet" 입력 - 설치
2. [설치됨] 탭 - 에밋 정상적으로 활성화 되었는지 확인
오래 기다릴 것 없이 빠르게 설치가 진행된다 !
HTML5 boilerplate (표준문서): 2가지 단축키>
!+[tab]
html:5+[tab]“!”치고 tab 또는 “HTML:5”입력 후 tab 클릭
위 2가지 방법대로 진행하면 HTML 기본 골격 틀이 자동완성 된다 👏🏼👏🏼
단축키로 바로 실행할 수 있으니 넘나 편한 것 ,,
LIST
'👟 Etc' 카테고리의 다른 글
| [VCS: Version Control System] 버전 관리 시스템 (0) | 2023.08.22 |
|---|---|
| [Visual Code] prettier 자바스크립트 자동 포맷터 설정 (0) | 2023.05.20 |
| [VSCode Setting] 주석 색상 변경하는 방법 (2) | 2023.02.16 |
| 코드펜(code pen) & 티스토리 연동하는 방법 (0) | 2023.01.25 |
| [TIL] Git과 Github 차이 (0) | 2022.12.14 |
dev_genie
@dev_genie
포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!