[Vue.js] Vite로 Vue.js 3 시작하기

Vue.js 3를 처음 시작할 때 보통 초기 샘플 예제로 실행을 많이 하곤한다. 그중에 Vite 를 이용해 초기 실행 Skeleton을 쉽게 생성할 수 있다.

 

명령은 아래 내용을 시작하면 초기 Skeleton을 만들기 위한 질의가 시작되고 해당 내용 답변을 하면 내용에 맞게 초기 Stub 코드를 생성해준다.

npm init vite

 

위와 같이 치면..

 

 

Project name과 Framework 을 선택하라고 나온다. 적당히 개발 상황과 맞는 내용을 선택한다.

 

마지막으로 Variant (JavaScript or TypeScript) 여부를 선택하면 초기 프로젝트가 생성이 되고 npm install, npm run dev를 하라고 메세지가 표시된다.

 

새로 생성한 viet-projeect 로 들어간 후 npm install, npm run dev를 수행해 로컬 DevServer를 수행한다.

 

 

위 띄워진 로컬 서버로 접속하면 Hello Vite의 초기 샘플 코드 실행을 볼 수 있다.

 

감사합니다.