npm init vite 명령어를 입력하면 아래 그림과 같이 프로젝트를 설정하기 위한 설정을 묻습니다.
저는 여기서, 현재 폴더 하위에 vite를 생성하기 위해 ./를 입력하고
framework로는 React를 선택하고, variant는 JavaScript를 선택했습니다.
*variant : React 프로젝트를 만들 때 JavaScript를 사용할지, TypeScript를 사용할지를 선택하는 옵션
설치가 완료되면 EXPLOERE창에 생성된 파일들과, package.json 파일을 확인할 수 있습니다.
여기서 npm i ( = npm install ) 명령어를 터미널에 실행하게 되면.
package.json파일의 dependencies항목에 명시된 라이브러리가 프로젝트 내에 설치되게 됩니다.
"dependencies": {
"react": "^18.3.1",
"react-dom": "^18.3.1"
}
설치된 vite를 테스트하기 위해 package.json에 명시된 dev항목을 사용해 실행합니다
npm run dev
vite 프로젝트가 정상적으로 생성되었습니다.
