[VS code] css에서 html class 보기

css를 작성하다가

내가 클래스명을 뭐라고 적었더라? 하고 다시 html로 돌아가신 적 있으시죠?

 

이 확장 기능은 그 불필요한 동작을 줄여주는 좋은 친구입니다.

 

---

1. 설치하기

설치방법

① vs code 에서 왼쪽 메뉴 가장 아래 확장 메뉴를 선택한다.

② 검색창에 html to 를 검색한다.

③ HTML to CSS autocompletion 확장 기능을 설치한다.

 

확장 기능 HTML to CSS autocompletion 상세 페이지를 보시면 css에서 클래스를 작성할 때 아래 그 이름이 들어가는 클래스명들을 쭉 보여주는 것을 알 수 있습니다. 

반응형

---

2. HTML to CSS autocompletion

사용 방법

① html과 연결된 css에서 클래스 이름을 적는다.

② [.+클래스명]을 입력하고 아래로 나오는 이름을 확인한 뒤 선택해준다.

 

클래스명을 전부 적지 않고 co만 적어도 co가 포함된 클래스명이 모두 뜹니다. 심지어 oc로 포함된 이름도 뜨네요. 이제 이름을 잘못 적는 오류는 없겠어요.

---

이상으로 vs code의 확장기능 html to css autocompletion 설치 방법과 사용 방법을 알아봤습니다.

 

도움이 되셨다면 공감과 댓글, 구독을 부탁드립니다.

 

[같이 보면 좋은 포스팅]

[coding/editor] - vs code 괄호 색 넣어주는 확장 기능 설치해보자

vs code 괄호 색 넣어주는 확장 기능 설치해보자

[coding/editor] - vs code에서 코드 한 번에 주석처리하기

vs code에서 코드 한 번에 주석처리하기

 

그럼 이만.

총총.