제가 도움을 받은,
개발자에게 필요한 VS code extension program 추천을 해보겠습니다 !
- Live Server
HTML이나 CSS 수정 시 브라우저 창을 새로고침을 하지 않아도 자동으로 새로고침을 도와주는 프로그램이다.
명령 팔레트에 들어가서>live Server: Open with Live Server
입력하고 실행한다.
vs code창 오른쪽 하단의Go Live
를 눌러서 사용할 수 있다.
- Prettier
코드를 포맷팅 외 여러 기능들을 수정 해주는 편안한 툴 !⌘
+ 눌러서 setting 창으로 이동한다.
설치하면 여러모로 편리하다 !
- Auto Rename Tag
HTML, XML, php 등 태그의 이름을 바꾸면 쌍을 이루는 닫힘 태그의 이름을 자동으로 바꿔준다.
예를 들어<h1>
태그를<h3>
으로 변경하고 싶을 때 변경하면</h1>
태그까지</h3>
으로 변경해줌으로 번거로움을 줄여준다 !
- CSS Peak
HTML에서 CSS를 금방 찾게해준다 ! HTML에서 ⌘를 누른 상태로 클릭하면 정의된 css파일로 이동하게 해준다.
- HTML CSS SUPPORT
HTML에서 CSS의 자동완성을 이용하게 해준다 !
제가 도움을 받은
VS code extension program 을 소개드렸습니다 !
모두들 도움되시길 바랍니다.