Vite + React 설치

1. VSCode 설치

2. 설치된 Extension 명령어로 확인
  - 1. Ctrl + Shift + X
  - 2. 터미널 열고, code --list-extensions

3. Extension 설치( Ctrl + Shift + X 하고 검색 후 설치)

4. C드라이브 안에 wokrspace 폴더 생성

5. VS Code 에서 프로젝트 생성 방법

  - 터미널에서 ("powershell 말고" cmd 로 하기) npm create vite@latest  하면 프로젝트 생성 됨.
  - 다른 PC에서는 powershell 로 해도 되는데 난 왜 cmd 로 변경해서 해야 되지...ㅠㅠ

5. 터미널에서 npm create vite@latest (예전에는 create-react-app)
6. cd blog (안 하면 package.json 을 찾을 수 없다는 에러 문구 나옴.)
7. npm install 
8. npm run dev (예전에는 npm start...) 

http://localhost:5173/ 실행 시  위 화면 나옴.

 

 

- 참고 : https://codingapple.com/unit/react1-install-create-react-app-npx/?id=2305