1. ES7 React / Redux / GraphQL / React-Native snippets
리액트 개발자라면 거의 필수로 사용한다!
키워드로 편리하게 리액트에서 쓰이는 구조로 만들어줍니다.
예) 리액트 가져오기 imr → ( = import React from 'react')
리액트 + Component 가져오기 imrc → ( = import React, { Component } from 'react')
import a default module (기본 모듈 가져오기) imp → ( = import moduleName from 'module')
React Class Component With Prop Types rcep 등등 다양한 기능을 제공합니다.
2. Auto Rename, Auto Closetag
여는 태그를 만들면, 닫는 태그를 자동으로 생성해줌!
3. ESLint
린트(lint)는 소스 코드에서 문제가 될 만한 점을 찾는 작업을 해주고 린터(linter)는 이를 도와주는 소프트웨어라고 한다!
eslint는 javascript에서 대중적으로 사용되는 linter이다.
4. Prettier
VSCode에서 코드를 이쁘게 자동으로 정렬해준다.
5. Bracket Pair Colorizer
여는 대괄호와 닫는 대괄호를 같은 색으로 표시해해준다!