웹개발을 위한 비쥬얼 스튜디오 코드 확장 프로그램 12개 (VS code extensions for web development)

select-quotes

Alt-Q 를 누르면 따옴표안의 이름 선택( - 나 _ 가 들어가 문자열도 한번에 선택) 

copy on select

선택하면 자동 copy

Bracket Select

ctrl-alt-a

1. Editor:Format on Save

1. Material theme 

Set Color Theme ->Material Theme Darker High Contrast

2. Material icon theme

3. Prettier : Code formatter

Settings->Format on Save check

Settings->Pettier Quote -> Javascript quote ->Single

4. bracket pair colorizer

5. Indent-rainbow

6. Auto rename tag

: 앞태그를 바꾸면 뒤 태그가 자동으로 바뀜

7. CSS PEEK

html 에서 ctrl 을 누르고 class 이름을 클릭하면 css 가 열림

8. HTML CSS SUPPORT

html 에서 css 자동 완성

9. LIVE SERVER

ctrl+shift+p (Setting->Command Pallette) -> Live server:Open with live server

10. HTML to CSS autocompletion

11. ESLint

12. ES7 React