vscode 자동완성 관련해서 잘아시는분 있으실까요?ㅠㅠ
이것저것 찾아보긴했는데 제가 예전에 썼던게 없는 것 같아서 ㅠㅠ
class 입력 후 엔터를 치면 class="" 가 바로 완성되고
img src 태그에서 img/ 입력하면 이미지 경로를 알아서 찾아주는 그런게 있었던거같은데
혹시 아시는분이 있으실가요?
-------------------------------------------
자답입니다! 답글 달아주신분들 감사드립니다!!
- "Preferences" > "Configure User Snippets"를 선택합니다.
- "html.json" 을 선택합니다
- { } 안에 아래 내용을 붙여넣습니다
-
"class attribute": {
"prefix": "class",
"body": [
"class=\"$1\""
],
"description": "Add class attribute with empty value"
}
-
코딩할 페이지로 돌아가서 <div class 엔터를 하면 ="" 가 붙습니다..ㅋㅋㅋㅋㅋㅋ
댓글 8개
베스트 댓글
잘은모르지만
HTML CSS SUPPORT
https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css
요거아닐까요?
HTML CSS SUPPORT
https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css
요거아닐까요?
예전엔 zen coding이라 부르다가 지금은 emmet 이라 부르는 녀석인데용
.탭 을 하면 클래스가 빈 div가 생기구요
li*5탭을 하면 li가 5개 생기고 이런 녀석이죠...
.탭 을 하면 클래스가 빈 div가 생기구요
li*5탭을 하면 li가 5개 생기고 이런 녀석이죠...
정적인손님
2년 전
잘은모르지만
HTML CSS SUPPORT
https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css
요거아닐까요?
HTML CSS SUPPORT
https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css
요거아닐까요?
2년 전
html 파일에서는 기본적으로 제공하는 기능입니다.
예를 들어
.엔터 > <div class=""></div>
p엔터 <p></p>
예를 들어
.엔터 > <div class=""></div>
p엔터 <p></p>
PWneo
2년 전
예전엔 zen coding이라 부르다가 지금은 emmet 이라 부르는 녀석인데용
.탭 을 하면 클래스가 빈 div가 생기구요
li*5탭을 하면 li가 5개 생기고 이런 녀석이죠...
.탭 을 하면 클래스가 빈 div가 생기구요
li*5탭을 하면 li가 5개 생기고 이런 녀석이죠...
게시판 목록
자유게시판
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 |
 thisgun |
1주 전 | 25 | |
| 199538 | 2개월 전 | 253 | ||
| 199537 | 2개월 전 | 290 | ||
| 199536 |
 똥싼너구리 |
2개월 전 | 274 | |
| 199535 | 2개월 전 | 281 | ||
| 199534 |
 아이스웨덴™ |
2개월 전 | 207 | |
| 199533 |
 QueenJey |
2개월 전 | 288 | |
| 199532 | 2개월 전 | 204 | ||
| 199531 | 2개월 전 | 377 | ||
| 199530 | 3개월 전 | 355 | ||
| 199529 |
 nanati |
3개월 전 | 262 | |
| 199528 | 3개월 전 | 171 | ||
| 199527 | 3개월 전 | 311 | ||
| 199526 | 3개월 전 | 211 | ||
| 199525 |
 Gothrock |
3개월 전 | 396 | |
| 199524 | 3개월 전 | 418 | ||
| 199523 | 3개월 전 | 248 | ||
| 199522 | 3개월 전 | 416 | ||
| 199521 | 3개월 전 | 204 | ||
| 199520 | 3개월 전 | 376 | ||
| 199519 |
nanati |
3개월 전 | 331 | |
| 199518 |
비버팩토리
|
3개월 전 | 260 | |
| 199517 | 3개월 전 | 232 | ||
| 199516 | 3개월 전 | 355 | ||
| 199515 | 3개월 전 | 429 | ||
| 199514 | 3개월 전 | 238 | ||
| 199513 | 3개월 전 | 298 | ||
| 199512 |
 수평선1203 |
3개월 전 | 309 | |
| 199511 | 3개월 전 | 346 | ||
| 199510 | 3개월 전 | 324 | ||
| 199509 | 3개월 전 | 256 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기