ChatGPT가 시키는 대로 했습니다. Vue Example

20. Vue 예제를 ChatGPT가 시키는 대로 했습니다.

 

1. 프로젝트 설정

 

npm install -g @vue/cli

vue create my-project-1

? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, PWA, Router, Vuex
? Choose a version of Vue.js that you want to start the project with 3.x
? Use history mode for router? (Requires proper server setup for index fallback in production) Yes
? Where do you prefer placing config for Babel, ESLint, etc.? In dedicated config files
? Save this as a preset for future projects? (y/N) n

 

 

 

2. 프로젝트 실행

 

cd my-project-1
npm run serve

 

 

 

3. components/TodoList.vue:

 

 

4. components/AddTodo.vue:

 

 

5. App.vue:

 

 

6. 실행