위코딩
반응형
article thumbnail
[Vite] 튜토리얼: Vite와 Vue.js를 이용한 간단한 프로젝트 만들기
Framework/Vite 2023. 8. 7. 13:43

이 튜토리얼에서는 Vite와 Vue.js를 이용하여 간단한 To-Do 리스트 앱을 만들어보겠습니다. 이 프로젝트를 통해 Vite의 설치, 개발 서버 실행, Vue.js 컴포넌트 작성, 상태 관리, 그리고 빌드와 배포까지의 기본적인 과정을 익힐 수 있습니다. 프로젝트 초기화 및 설치 먼저, 프로젝트를 초기화하고 Vite와 Vue.js를 설치합니다. npm init -y npm install vite vue@next --save 개발 서버 실행 프로젝트 디렉토리에 index.html 파일과 main.js 파일을 생성합니다. // main.js import { createApp } from 'vue'; import App from './App.vue'; const app = createApp(App); app..

반응형
loading loading