리액트기초-03.Visual Studio Code 설치

이 포스트의 동영상 강의 URL

https://youtu.be/rX_c3DXvG2g

 

React 개발을 위한 IDE(Integrated Development Environment, 통합개발환경)로 Visual Studio Code를 많이 사용합니다. 

Visual Studio Code는 Microsoft에서 개발한 오픈소스이고, 무료로 사용 가능합니다.

 

VSCode 설치

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

Visual Studio Code 사이트에서 Download 하여 설치하면 됩니다.

download

설치

VSCode 실행 화면

프로젝트 폴더 열기

• 메뉴-파일-폴더열기를 선택합니다.
  지난시간에 만든 C:\workspace\my-first-react-app 폴더를 선택 후

c:\workspace\my-first-react-app

폴더 선택

폴더 선택 후 화면

프로그램 실행

• 메뉴-터미널-새터미널

터미널-새터미널

• npm start

npm start

• 아래와 같이 브라우저가 실행됩니다.

리액트 앱 실행