[Vue.js 프로젝트 투입 일주일 전] 3장 - Vue CLI로 Vue 프로젝트 생성하기

3.1 Vue CLI 설치

  - Vue CLI: Vue 프로젝트를 빠르게 구성하고 빌드, 디플로이 할 수 있게 도와주는 도구

  - npm install -g @vue/cli 명령어로 설치

3.2 Default 옵션으로 프로젝트 설치하기

  - Vue 프로젝트 생성

    - vue create 프로젝트명

  - Vue 프로젝트 실행

    - npm run serve

    - npm run serve -- --port 다른포트번호

  - Vue 프로젝트 파일 구조

    - node_modules

    - public: 웹팩을 통해 관리되지 않는 정적 리소스가 모여있는 디렉토리

    - src/assets

    - src/components

    - App.vue: 최상위(root) 컴포넌트

    - main.js: 가장 먼저 실행되는 JS 파일로써, Vue 인스턴스 생성 역할

    - .gitignore

    - babel.config.js

    - package-lock.json: 설치된 package의 dependency 정보 관리하는 파일

    - package.json

    - README.md

3.3 Manually select features 옵션으로 프로젝트 설치하기

  - Vue 프로젝트 생성

  - Vue 프로젝트 파일 구조

    - router

    - store

3.4 Vue 프로젝트 매니저로 프로젝트 설치

  - Vue 프로젝트 매니저 실행

    - vue ui

  - Vue 프로젝트 생성

  - 대시보드

  - 플러그인

  - 의존성

  - 설정

  - 작업목록

---

[Source Code] Ch 03. Vue CLI로 Vue 프로젝트 생성하기