Vue 프로젝트 세팅

vue 프로젝트 세팅을 하기 위해서 먼저 Node.js 가 설치 되어 있어야 한다. 

node 버전이 있는지 확인 하고, 만약 설치되어 있지 않다면 공식사이트를 참고해서 설치를 한다. 

node -v

 

 

프로젝트 생성 

터미널에서 아래 명령어를 실행한다. 

npm create vue@latest

 

 

기본적인 설정 예시

• Project Name: my-vue-app (원하는 프로젝트명 입력)

• Add TypeScript?: No (TypeScript를 사용할 경우 Yes)

• Add JSX Support?: No

• Add Vue Router?: Yes (페이지 이동이 필요하면 선택)

• Add Pinia for state management?: Yes (상태 관리가 필요하면 선택)

• Add Vitest for unit testing?: No (테스트를 추가할 경우 Yes)

• Add Cypress for end-to-end testing?: No

• Add ESLint for code quality?: Yes

• Add Prettier for code formatting?: Yes

 

 

 

 

위의 설정이 끝나면 아래 명령어를 실행한다. 

cd my-vue-app
npm install
npm run dev

 

그럼 터미널에 출력된 주소(localhost:5173)를 열면 vue3 기본 화면이 나타난다.