내가 사용 중인 VS Code Extensions

VS Code 를 사용하다보면 빼먹을 수 없는 것 중 하나인 확장 프로그램...

매번 컴퓨터를 바꾸는건 아니지만 세팅을 바꾸게 되면 꼭 검색하느라 고생하기 때문에 간략하게 기록해보고자 한다.

 

 

Auto Rename Tag

HTML 을 작성해야한다면 필수

 

React/ ... snippets

리액트 사용하려면 필수

 

ESLint

깔끔한 코드를 위해서라면... 근데 사실 난 잘 안 지킴...ㅋㅋㅋㅋ 이제.. 지켜야지....

 

Image preview

이미지 작업할 때 종종 없으면 아쉬움

 

Import Cost

라이브러리 가져다쓸 때 압박감 느끼기 좋음..ㅎ

 

indent-rainbow

jsx 작업할 때 js 로직과 html 이 섞이면... 이거만큼 좋은게 없음

물론 가장 좋은건 로직과 UI의 분리지만...ㅠㅠ

 

Live Sass Compiler

Sass, Scss 사용할 때 코드 수정하는 걸 watching 해줘서 새로고침 안해줘도 됨!

 

Live Serveer

리액트 등의 프레임워크가 아닌 순수 html, css, js 로 웹페이지를 만들 때 필수.. 이거 없으면 수정할 때마다 새로고침 해줘야 함

 

 

Open in browser

 

Path Intellisense

../../ 의 지옥... 요즘은 alias 처리를 해줘서 괜찮지만 없으면 불편함

 

Prettier

프리티어는 필수죠... 이거 없으면 이제 코드 못 씀

 

Tailwind CSS IntelliSense

Sass 보다 더 많이 사용하는 테일윈드... 테일윈드 쓰면 필수

 

Power Mode

그냥 ... 코드 작성하다보면 심심해서..

 

생각보다 쓰는게 별로 없네... 다른거 더 찾게되면 추가해야겠다.