Vue CLI(command line interface)

VUE CLI 란?

vue-cli 는 기본 vue 개발 환경을 설정해주는 도구입니다. vue-cli 가 기본적인 프로젝트 세팅을 해주기 때문에 폴더 구조에 대한 고민, lint, build, 어떤 라이브러리로 구성을 해야되는지 webpack 설정은 어떻게 해야되는지에 대한 고민을 덜을 수 있

 

<공식페이지>

https://cli.vuejs.org/

 

 

vscode - 터미널

 

• node 설치확인 

node -v

 

• npm 설치확인

npm -v

• vue-cli 설치

 

npm install -g @vue/cli

 

• 설치확인

vue --version

• vue프로젝트 생성

 

vue create 프로젝트명

 

• 프로젝트 생성후 해당 프로젝트 폴더로 이동, 명령어를 이용하여 dev 서버를 실행

cd 파일명
npm run serve

 

 

• 설치완료 페이지 (localhost 접속)