최근에 intellij와 eclipse를 사용하다가
프론트개발공부를 위해 vscode를 깔게 되었습니다.
VSCode 를 사용하면서 코드를 칠때
효율적으로 만들어 줄 수 있는 플로그인의 사용법을 알아보겠습니다.
1. Auto Rename Tag
html 시작 태그 변경시 자동으로 종료태그 변경합니다.
2. Material Icon Theme
파일들 아이콘을 변경시켜주는 테마입니다.
3. HTML Snippets
HTML5, 태그 색상화, 코드 스니펫 등을 지원합니다.
4. HTML CSS Support
HTML 문서의 CSS를 지원합니다. 추가적으로 PHP 내의 HTML측 CSS, Javascript 등도 지원합니다.
5. Debugger for Chrome
Chrome과 연계한 디버거. 로컬PC 환경에서 곧바로 Chrome 브라우저를 실행시켜 웹페이지를 볼 수 있게 해줍니다.
6) CSS Peek
- HTML파일에서 CSS를 사용한 class의 해당 css파일 위치로 이동하게 합니다.
- HTML태그에서 css를 사용한 부분에 [ctrl]마우스 클릭 혹은 [F12]
7) Auto Close Tag
시작 태그를 쓰면 닫기 태그가 자동으로 삽입됩니다. ex) <div>입력시 </div> 자동으로 삽입
ref)