ksc-dev 님의 블로그

  • 홈
  • 태그
  • 방명록

2026/04/15 1

Vite + Vue3 프로젝트 처음부터 세팅하는 법 (2025)

1. Vite가 뭔지 한 줄 요약프론트엔드 개발을 빠르게 실행하고 빌드해주는 도구. Webpack보다 훨씬 빠르다.2. 왜 Vite를 쓰나• Webpack은 프로젝트 커질수록 느려짐• Vite는 ES Module 기반이라 개발 서버 시작이 빠름• Vue3랑 궁합이 좋음3. 프로젝트 세팅npm create vite@latest my-projectcd my-projectnpm installnpm run dev4. 폴더 구조my-project/├── src/│ ├── components/│ ├── App.vue│ └── main.js├── index.html└── vite.config.js5. 마무리Vue3 쓰려고 Vite 선택했는데 Vue3 소형 프로젝트라면 Vite 세팅이 적합한 것 같다.

vite/vue3 2026.04.15
이전
1
다음
더보기
프로필사진

ksc-dev 님의 블로그

ksc-dev 님의 블로그 입니다.

  • 분류 전체보기 (34)
    • express (1)
    • docker (1)
    • vite (3)
      • vue3 (3)
    • LLM (8)
    • 프로젝트 (14)
      • 레트로 테트리스 (6)
      • 내기 모음 (1)
      • 축덕 퀴즈 (5)
      • 엑셀구글시트 자동화 웹사이트 (1)
      • 오늘의 운세 (1)
    • python (1)
      • django (1)
    • 사이트 배포 (1)
    • TypeScript (1)
    • Unsloth Qwen (1)
    • 프론트엔드 (1)
    • 개발 정리 (1)
    • 보안 (1)

Tag

JavaScript #Vue3 #Vite,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/04   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바