vite로 vue.js 프로젝트 생성하기

vite로 vue.js 프로젝트 생성하는 방법을 정리해보겠습니다.

Node 설치

npm을 사용해서 설치를 진행할 것이기 때문에 Node.js를 먼저 설치해주세요.
node 설치방법은 따로 다루지 않겠습니다

프로젝트 생성

cmd에서 cd [프로젝트 폴더 생성 경로]를 입력하여 프로젝트 폴더를 생성할 경로로 이동합니다.
아래 프로젝트 설정에서 실제 프로젝트가 들어있는 폴더가 생성되므로 여기서는 프로젝트 폴더가 생성될 경로를 입력해주세요

npm init vue@latest 명령어를 입력 후 엔터, 패키지 설치가 필요하다면 y 입력

생성할 프로젝트 폴더명을 입력하고 옵션을 선택해주세요
프로젝트 폴더가 생성되면 cd [폴더명]으로 경로 이동 (practice 오타났넹...)

기본 폴더구조 생성

npm install후 npm run format명령어를 입력하면 기본 폴더구조가 생성됩니다

로컬 브라우저 실행

npm run dev명령어를 입력하면 로컬 브라우저를 띄워 볼 수 있어요