본문 바로가기
Vue/Basic

Project basic package

by BAYABA 2021. 9. 18.
  1. 개인 공부 목적으로 작성한 글입니다.
  2. 아래 출처를 참고하여 작성하였습니다.

1. Intro

  1. Vue(3버전 기준) 프로젝트를 기본으로 생성하면 아래 패키지들이 기본으로 생성됩니다.

2. Vue project basic package

  1. node_modules
    1. npm으로 설치된 패키지 파일들이 모여있는 디렉토리
  2. public
    1. 웹팩(webpack)을 통해 관리되지 않는 정적 리소스가 모여있는 디렉토리
  3. src/assets
    1. 이미지, css, 폰트 등을 관리하는 디렉토리
  4. src/components
    1. Vue 컴포넌트 파일이 모여있는 디렉토리
  5. App.vue
    1. 최상위(Root) 컴포넌트
    2. App.vue 안으로 우리가 개발한 컴포넌트들이 들어갑니다.
  6. main.js
    1. Vue 프로젝트를 실행하면 가장 먼저 실행됩니다.
    2. 가장 먼저 실행되는 자바스크립트 파일로써, Vue 인스턴스를 생성하는 역할을 담당합니다.
  7. babel.config.js
    1. 바벨(Babel) 설정 파일
  8. package-lock.json
    1. 설치된 package의 디펜던시 정보를 관리하는 파일
  9. package.json
    1. 프로젝트에 필요한 package를 정의하고 관리하는 파일
    2. 우리가 실행할 수 있는 명령어들이 "script" 태그안에 들어가 있습니다.
  10. README.md
    1. 프로젝트 정보를 기록하는 파일

출처

  1. Vue.js 제대로 배워볼래?(Vue.js 프로젝트 투입 일주일 전)

'Vue > Basic' 카테고리의 다른 글

Vue 컴포넌트 기본구조  (0) 2021.09.18
Routing 사용 방법  (0) 2021.09.18
기본 라이프 싸이클  (0) 2021.09.18