20201224#(15) visual studio code extension 추천(web)

오늘은! visual studio code도 설치했으니 이 vscode에서 사용할 수 있는 유용한 extension들을 알아보자. 잘 이용한다면 코딩할 때 더 수월하게 할 수 있다.

 

 

1. Material Theme - 테마 정하기

2. Material Icon Theme - 아이콘 테마, 아이콘이 조금 더 생동감 있게 바뀜

3. Prettier - Code formatter - 코드 포맷팅 - ctrl + 눌러서 setting 창으로 이동

4. Bracket Pari Colorizer - 괄호마다 코드에 색깔을 다르게 줌

5. Auto Rename Tag - 앞에 태그를 바꾸면 뒤에 태그를 자동으로 바꿔줌

6. CSS Peek - html에서 css를 금방 찾게 해 줌 - html에서 커맨드나 컨트롤키를 누른 상태로 클릭하면 정의된 css파일로 이동하게 해 줌.

7. HTML CSS Support - html에서 css의 자동완성을 이용하게 해 줌

8. Live Server - html이나 css 수정 시 브라우저창에 새 로고 침하는 것을 없애줌. - 커맨드 팔레트에 > live Server: Open with Live Server 입력하고 short cut키 후 실행(but 원격으로 접속하는 경우 port forwarding을 통해 설정해야 함)

참고 영상: https://www.youtube.com/watch?v=bS9yTI2fC0w&t=324s  (youtube 드림코딩 by 엘리)

 

끗