CLI3를 통한 프로젝트 생성(8)

1. vue-cli 설치

1

npm install -g vue-cli

2. vue-cli3 설치(최신 버전으로 설치)

1

npm i -g @vue/cli

3. vue-cli3를 통한 프로젝트 생성

1

vue create 프로젝트명

4. 프로젝트 서버 시작

1

npm run serve

5. eslint 끄기

1. package.json와 동일한 depth에 vue.config.js 만들기
2. 아래 코드 넣기

   1 2 3

   module.exports = { lintOnSave: false }

6. cli 2.x vs cli 3.x

1. 명령어

   • 2.x : vue init 프로젝트이름 파일위치
   • 3.x : vue create 프로젝트이름

2. 웹팩 설정파일

   • 2.x : 노출되어 있다 => 웹팩 설정 가능
   • 3.x : 노출되어 있지 않다 => 웹팩 설정을 위한 다른 방법을 학습하여야 함

3. 프로젝트 구성

   • 2.x : 깃헙의 템플릿을 다운로드 후 사용하게 됨
   • 3.x : 플러그인 기반으로 기능 추가

4. ES6 이해도

   • 2.x : 필요없다
   • 3.x : 필요하다

Comment and share