- 개인 공부 목적으로 작성한 글입니다.
- 아래 출처를 참고하여 작성하였습니다.
1. Intro
- Vue(3버전 기준) 프로젝트를 기본으로 생성하면 아래 패키지들이 기본으로 생성됩니다.
2. Vue project basic package
- node_modules
- npm으로 설치된 패키지 파일들이 모여있는 디렉토리
- public
- 웹팩(webpack)을 통해 관리되지 않는 정적 리소스가 모여있는 디렉토리
- src/assets
- 이미지, css, 폰트 등을 관리하는 디렉토리
- src/components
- Vue 컴포넌트 파일이 모여있는 디렉토리
- App.vue
- 최상위(Root) 컴포넌트
- App.vue 안으로 우리가 개발한 컴포넌트들이 들어갑니다.
- main.js
- Vue 프로젝트를 실행하면 가장 먼저 실행됩니다.
- 가장 먼저 실행되는 자바스크립트 파일로써, Vue 인스턴스를 생성하는 역할을 담당합니다.
- babel.config.js
- 바벨(Babel) 설정 파일
- package-lock.json
- 설치된 package의 디펜던시 정보를 관리하는 파일
- package.json
- 프로젝트에 필요한 package를 정의하고 관리하는 파일
- 우리가 실행할 수 있는 명령어들이 "script" 태그안에 들어가 있습니다.
- README.md
- 프로젝트 정보를 기록하는 파일
출처
'Vue > Basic' 카테고리의 다른 글
Vue 컴포넌트 기본구조 (0) | 2021.09.18 |
---|---|
Routing 사용 방법 (0) | 2021.09.18 |
기본 라이프 싸이클 (0) | 2021.09.18 |