WEB/Vue.js

[Vue.js][Component State Flow] 2. 사전준비

bay07 2024. 5. 4. 18:35

1. vue 프로젝트 생성

npm create vue@latest

 

2. 프로젝트 폴더로 이동

cd 프로젝트 이름

 

3. 패키지 설치 

npm install

 

4. vue 프로젝트 서버 실행 

npm run dev

 

5. 초기 모든 컴포넌트 삭제 

components/ 폴더의 모든 파일

assets/ 폴더의 모든 파일 

App.vue 제외 

 

6. App.vue 코드 초기화 

main.js에 작성된 main.css import 삭제 

 

7. App > Parent > ParentChild 컴포넌트 관계 작성