Vue - 프로젝트 생성 (Vue-CLI 시작)

프로젝트 생성

Vue 3.x 버전

vue creat 프로젝트명

vue create pages

 

Vue 2.x 버전

vue init webpack 프로젝트명

- webpack 대신에 webpack-simple, browserify 등 가능 함

 

 

 

명령어를 입력했는데 에러 나옴

Vue - 초기 설치 에러

 

Vue-CLI 시작하기

키보드로 조작( ↑↓ ).하고, vue 2 버전, vue 3 버전 중 설치할 버전을 고르고 엔터.

Default는 Vue 3

일반적으로 설치를 했다면 vue3버전 선택하면 된다.

(만약, Vue2면 Vue 2를 선택하면 된다) 

vue 버전을 선택하는 화면

 

또 잠시 기다리면 됨.

 

설치중 화면

 

 

프로젝트 생성 완료

 

서버 실행

생성된 프로젝트로 들어가서 서버를 실행시켜보자.

설치 성공 화면 하단에 나오는 코드를 따라 쓰면 된다.

 

cd pages // 프로젝트명
npm run serve

 

Vue 버전 실행 명령어

// vue 3.x
npm run serve 

// vue 2.x
npm run dev

 

 

 

페이지 열기

 

URL이 생성되었다.

ctrl + url 누르면 브라우저에서 열린다.

★ 크롬에서 여는것을 추천 

 

브라우저에서 열린 화면

 

 

 

 

---

Vue - 버전 확인하기 : Jessi's Note (tistory.com)

Vue - 버전 확인하기