node.js/React.js

vscode 설치 및 설정

IT공부블로그 2019. 4. 15. 10:21
728x90
반응형

vs code 설치



위 버튼 누른후 


ESLint 검색후 설치


Guides, Reactjs code snippets, Reactive Path  3가지 검색하여 설치


npm install -g create-react-app  : npm create-react-app 설치  -g : global


create-react-app : 페이스북에서 만든 도구, 리액트 프로젝트 만들어줌, index.html, index.js을 만들어줌


리액트 프로젝트 폴더에 create-react-app helloworld로  helloworld 프로젝트 생성


npm start 실행시 서버 켜지면서 테스트 가능   (index.html, index.js 제공해줌)


npm start가 번들 작업까지하여 서버까지 올려서 보여줌


이건 그냥 테스트일뿐이고 나중에 옮겨야함


git도 자동으로 설치해줌



mac을 사용하면

shell command 검색하여     Shell을 다운로드


view-> conmand Pallette 에  shell command 입력


cmd 화면에서 생성한 helloworld로 들어가서 code . 입력하면 vscode화면이 뜸


절대 vscode로 만든건 테스트용이니 착각x

728x90
반응형