Head vs breakz

[IT] - React / node.js , npm , vscode 설치 본문

Head/IT

[IT] - React / node.js , npm , vscode 설치

headbreakz 2020. 8. 4. 22:36

node.js 설치

yarm 설치

vscode 설치

vscode Extensions 설치

image-20200804215820873

  • ESLint - 자바 스크립트 문법 체크
  • Relative Path - 상대 경로에 있는 파일 경로는 편하게 작성
  • React code snipperts - Charalampos Karypidis 제작
  • Guides - 들여쓰기 가이드 라인

프로젝트 생성

  • npm을 사용하여 create-react-app 설치

    • npm install -g create-react-app //global 설치

    image-20200804221357172

  • creat-react-app 명령어를 사용하여 프로젝트 생성 - 폴더 생성후 터미널에서 실행

    image-20200804221434053

    image-20200804221515435

  1. 프로젝트 개발 서버 실행
  • cd gallery-project //cd 프로젝트이름

  • yarm start

  • 3000번 port 사용

    image-20200804221920640

'Head > IT' 카테고리의 다른 글

[IT] - python face-recognition 설치 방법  (0) 2020.05.29
[IT] - xshell에서 aws 사용을 위한 설정  (0) 2020.05.01
[IT] - HTML  (0) 2020.02.27
Comments