[React.js] 나만의 프로젝트 환경 구성하기

실행환경(컴퓨터)이 달라졌을때 최대한 기존과 같은 환경에서 작업을 하려면

나만의 프로젝트 환경이 어느정도 구축되어 있어야 할 것 같아 여기에 정리를 해두려고 한다.

 

1. 윈도우에 node.js 설치

2. npm install

3. npx create-react-app my-app

4. npm i prop-types

 

 

코딩 편의 관련 확장

Auto Import - ES6, TS, JSX, TSX

Auto Rename Tag

ESLint : 코드 에러 표기

CSS Peek

HTML CSS Support

 

 

 

Vscode UI관련 확장

Community Material Theme(색상 : Material Theme High Contrast)

vscode-styled-components(styled-component 사용 시)

indent-rainbow : 코드 열을 색으로 구분

 

기타

Font Awesome Auto-complete & Preview : Font Awesome 자동완성 기능