웹 개발/Vue

[Vite] 설정, 프로젝트 생성

cha430 2025. 5. 19. 11:25

router 다운

실행

 

 

npm create vite@latest my-vue-app
cd my-vue-app
npm install
npm run dev    # 개발 서버 실행 (localhost:5173)
npm run build  # 배포용 빌드

 

 

아무래도 vue3 관련 서적이나 구글에 찾다보면 Vue-cli 명령어들이 많다 ...

 

router 다운로드만 해도.. 

vue add router 라고 입력할 경우 Vtie는 Error.. 이건 vue-cli 명령어라고 한다.

 

 


 

** Router 다운로드

[Vue-cli] vue add router

[Vite] npm install vue-router


 

** 실행

[Vue-cli] npm run serve

 

 http://localhost:8080/

 

 

[Vite] npm run dev

 

 http://localhost:5173/

 


 

 

'웹 개발 > Vue' 카테고리의 다른 글

[Vue3] 클릭 이벤트 (v-on:click), typeScript  (1) 2025.05.19
[Vue3] 랜더링 문법(v-if, v-show)  (0) 2025.05.19
[Vue3] 데이터 등록 예제  (0) 2025.05.15
[Vue3 comp] input, 숫자 증감 예제  (0) 2025.05.15
[Vue3] ref(), reactive()  (0) 2025.05.15