Frontend/Vue

[Vue] Vue.js 프로젝트 생성

미도반 2024. 7. 2. 11:48

✅ 사전 준비

  • - Node.js 설치

 

 

✅ Vue.js 설치

1. cmd 창에서 vue 설치

> npm install vue

 

 

2. Vue cli (SPA를 빠르게 구축할 수 있는 CLI 환경 제공) 설치

> npm install -g @vue/cli

 

 

 

3. vue 설치 완료 확인(하이픈 2개 하거나, 대문자)

> vue --version 또는 vue -V

 

 

4. Vue 프로젝트를 생성할 폴더로 이동

> cd [프로젝트 생성 할 경로]

 

 

5. Vue 프로제긑 생성

 

- Vue 3 선택

 

- Use Yarn 선택

 
- 프로젝트 생성 경로로 이동
> cd vue_csr
 
- vue 실행
> yarn serve

  • 프로젝트 생성 경로로 이동 후에 yarn serve명령어 실행해야 한다.