인프런 커뮤니티 질문&답변

ntt75618님의 프로필 이미지

작성한 질문수

[웹 개발 풀스택 코스] HTML&CSS 기초

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

작성

·

686

0

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

답변 2

4

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

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

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

설치하셔도 됩니다

0

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

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

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

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

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

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

ntt75618님의 프로필 이미지

작성한 질문수

질문하기