Node 설치하기

우선 자신의 운영체제에 맞게 Node.js를 설치한다.

• Node js 링크 ➡️ https://nodejs.org/en/

제대로 설치 됐는지 확인 하기 위해 아래 명령어를 입력한다.

node -v

---

Vue 설치하기

그 후 npm으로 Vue를 설치한다.

npm install vue

제대로 설치 됐는지 확인 하기 위해 아래 명령어를 입력한다.

npm vue -v

Vue Cli 설치하기

Vue 설치 확인 후에는 Vue 명령어와, 빠른 프로젝트 생성, 관리 라이브러리
vue-cli를 설치한다.

npm install -g @vue/cli c

그 후 Vue 프로젝트 생성을 위해 아래 명령어로 cli-init 역시 설치한다.

npm i -g @vue/cli-init

이제 아래 명령어로 터미널에서 Vue 명령어가 정상 동작하는지 확인해본다.

vue -V

---

Vue 프로젝트 생성

이제 터미널에서 명령어를 통해서 Vue 프로젝트를 생성할 차례다.
프로젝트 생성을 원하는 경로로 이동 한 후 아래 명령어를 입력한다.

vue init webpack 프로젝트명

해당 명령어 실행 이후에는 서버 셋팅 관련 선택 창들이 나온다.
자신의 프로젝트 성격에 맞게 설정해준다.

프로젝트 설치가 완료 되었다.

---

Vue 프로젝트 실행

생성한 Vue 프로젝트 경로로 이동 한 후, npm run dev 명령어로 서버를 실행해본다.

// 생성한 Vue 프로젝트 경로로 이동
cd 프로젝트 경로
$ cd my-project
$ npm install
// node package manager로 해당 프로젝트 경로에서 프로젝트 실행
$ npm run dev

프로젝트 생성이 완료되었다.😊