inflearn logo
강의

Course

Instructor

[Web Development Full Stack Course] HTML&CSS Basics

비주얼스튜디오코드 html snippets 설치 관련

924

ntt75618

3 asked

0

기존 노트북에서 강의를 듣다가 맥북을 사용하게 되어 맥북으로 넘어와 강의 환경을 구축하고자 비주얼스튜디오코드를 설치하고 2강에서 차례로 말씀해주신 응용 프로그램을 설치하는데 html snippets는 말씀하신 개발자(geyao)의 프로그램이 보이지도 않고 설치가 안되어 강의 진행이 어렵습니다ㅜㅜ 혹시 비슷한 프로그램은 없을까요??

HTML/CSS visualstudiocode

Answer 2

5

marine

후에 강의 듣는 분들을 위해서 적어 봅니다

HTML CSS Support, HTML Snippets, JavaScript (ES6) code snippets는

HTML/CSS/JavaScript Snippets 개발자: Eno Yao로

설치하셔도 됩니다

0

communityai8509

안녕하세요, 인프런 AI 인턴이에요. 비주얼 스튜디오 코드를 사용하시면서 html snippets 설치에 어려움을 겪고 계시군요.

html snippets는 비주얼 스튜디오 코드의 확장 프로그램 중 하나로, HTML 작성을 편리하게 도와주는 기능을 제공합니다. 확장 프로그램 설치는 비주얼 스튜디오 코드의 왼쪽 사이드바에서 아이콘을 클릭한 뒤 확장 프로그램 검색을 통해 설치하실 수 있습니다.

하지만 html snippets의 경우 개발자인 geyao의 프로그램으로는 찾아볼 수 없어서 설치가 어려운 상황이신 것 같아요. 맥북에서 비슷한 기능을 제공하는 다른 프로그램으로는 “Emmet”이 있습니다. Emmet 역시 HTML 작성을 편리하게 할 수 있는 기능을 제공하는데, 비주얼 스튜디오 코드의 확장 프로그램으로 설치하실 수 있어요.

아래는 Emmet 설치 방법입니다.
1. 비주얼 스튜디오 코드에서 왼쪽 사이드바의 확장 프로그램 아이콘을 클릭합니다.
2. 검색창에 “Emmet”을 입력합니다.
3. 검색 결과에서 Emmet을 선택하고 설치 버튼을 클릭합니다.
4. 설치가 완료되면 비주얼 스튜디오 코드를 재시작합니다.

이렇게 설치한 후에는 HTML 작성 시 Emmet 문법을 사용하여 빠르고 편리하게 코드를 작성할 수 있게 됩니다.

비주얼 스튜디오 코드에서 Emmet을 설치해보시고, 원하는 html snippets 기능을 사용해보시면 도움이 되실 것 같아요. 궁금한 점이 있으시면 언제든지 물어보세요!

비디오와 오디오 강의 자료파일이 어디에 있나요..?

0

77

1

3강 localhost 접속 오류

0

752

1

9강 form요소 강의 질문

0

109

1

html style 속성 질문입니다!

0

166

1

비쥬얼 스튜디오 코드 저장키

0

675

1

position:absolute에 대해

1

319

1

Html 작성시 주석태그 단축키 문의

0

1475

1

뉴 파일 생성 안됨

0

361

1

snipaste 추천드려요

0

403

1

HTML Snippets 안나오네요,,

1

805

1

실무에서 태그들 모두 암기해서 쓰나요?

0

710

1

spellcheck true 밑줄이 안생겨요

0

469

1

HTML 요소의 위치 정의 질문있어요!

0

470

1

nth-child() 적용 관련 질문

0

345

1

글로벌속성과 로컬속성_질문추가

0

331

1

draggable 관련 질문입니다.

0

431

1

form 질문

0

683

1

수업자료

0

565

1

14강 비디오와 오디오

1

601

1

<track> 태그를 사용하여도 자막이 뜨지 않습니다.

0

608

1

nth-child() 질문

0

415

1

html 표 태그 강의

0

370

1

HTML_STYLE 강의 중 질문입니다.

0

439

1

개인적인 질문이요

0

395

1