[Vue] vue cli를 이용해서 세팅하기

vue 프로젝트를 초기 진행할때

두가지 방법이 있습니다. cdn방식과 npm을 이용해서 하는방법

우리가 해보려는 방식은 cdn은.. 뭐 설명이 필요할 것 같지 않으므로 npm을 이용해서 vue cli를 인스톨 받아서 설정해보죠.

먼저 node버전이 깔려있다는 가정하에 터미널을 키고

$npm i -g @vue/cli

위에 명령어를 입력합니다.

그리고 vue프로젝트를 만들고 싶은 폴더를 하나 생성하여 터미널의 경로를 폴더에 맞춰줍시다.

$vue create my-sample-project

위와같이 명령어를 입력하면 설정정보가 나올껍니다.

입맛에 맞는 설정대로 엔터~엔터~하면 좌르르륵 내가 만든폴더에 my-sample-project로 뷰 프로젝트가 생성됩니다.

해당 생성된 폴더로 터미널경로를 맞추고

$npm i

패키지들을 인스톨 시켜줍니다.

인스톨들이 완료되면

$vue serve

마지막으로 실행된 웹 로컬호스트 경로로 들어가면 만든 웹 화면이 나옵니다.