[VS CODE] 비주얼스튜디오코드 세팅 필요 확장템 /세팅

windsurf에서 연동해도됨.

Auto Rename Tag l 태그 자동 이름 바꾸기. 

쌍을 이룬 html /xml 태그의 이름을 자동으로변경.

---

CSS Peek ㅣ (맥)command키 또는 ctrl 키를 누른상태로 class 네임 클릭!

html 파일에서 해당 부분 css가 보고싶으면, class에 내용을 클릭하면 css로 옮겨갔다. 각각의 해당 css 구역으로 바로 찾아 이동할 수 있음.

 

---

Live Server l 테스트서버확인기능

로컬환경에서 확인할때 테스트 서버를 만들어 확인할 수 있다.

html 페이지에서 (command Palette.. 검색창)  F1키

Live Server : open with live server 검색!

html을 변경하고 저장만 누르면 내 로컬주소가 나오면서 바로 변경된것을 테스트 서버에서 확인 할 수 있다.

---

lorem ㅣhtml속 샘플텍스트.

lorem +enter 클릭! .

의미없는 글자작성때 샘플텍스트

---

자동줄바꿈 

 

톱니바퀴 아이콘 클릭 > 메뉴창뜨면 setting > 상단검색창 wordwrap 검색 >off 를 on 으로 바꿔준다.

 

상단검색창 wordwrap 검색

 

off 를 on 으로 바꿔준다.

 

그외 설치해도되고, 안해도되는....

css-compact	css 코드 한줄로 만들기 alt-shift+F
korea language pack	인터페이스 한글로 변경
Live server	코딩후 실시간 웹페이지 반영 미리보기 Alt+L / Alt+O