Vue/vite 프로젝트 생성

npm 을 통해 vue 설치

npm install vue@next

g 옵션(전역설정)을 지정하지 않으면 node_modules라는 폴더를 생성하고 해당 폴더 내에 다운로드한 라이브러리를 위치시킨다.

npm을 이용하여 Vue를 설치하면 Webpack이나 Rollup같은 다양한 모듈 번들러를 이용해 프로젝틀를 컴파일할 수 있다. Vue 3는 새로운 빌드툴인 Vite도 사용할 수 있다.

Vite는 Vue 3를 주요 프레임워크로 지정하고 개발된 만큼 Vue 프로젝트와 완벽한 호환성을 보여준다. ES6를 따르는 Vue 3의 모듈이 다른 컴파일 과정 없이 브라우저에 렌더링 될 수 있게 해주는 기능은 Vue 개발을 쉽게 해준다.

npm init @vitejs/app 프로젝트폴더이름

package.json이 들어있는 프로젝트 폴더에서 필요한 의존 패키지를 설치하기 위해 다음 명령어를 실행한다.

npm install

이제 node_modules라는 폴더가 생기고 많은 패키지들이 설치되었다.

다음 명령어를 실행하면 개발 서버를 실행시켜 로컬호스트로 접속할 수 있다.

npm run dev

ES모듈을 하나의 번들로 컴파일하는 작업을 진행하기 위해 다음 명령어를 이용한다.

npm run build