[Vue.js] 시작하기

1. Node.js 설치하기

// Node 버전확인
node -v

- node.js는 프로젝트내에 패키지를 관리해주는 NPM(Node Package Management)을 포함합니다.

// Npm 버전확인
npm -v

 

2. @vue/cli Package 설치하기

- 해당 패키지는 개발에 있어서 vue.js 만들고 관리해주는 역할을 합니다.

npm install --global @vue/cli

 

3. 프로젝트 만들기

 - @vue/cli package 설치로 vue 명령어가 사용가능합니다.

vue create [project name] --default

 

4. 실행하기

- 해당 프로젝트 위치에서 아래와 같이 실행하면 됩니다.

npm run serve

 

5. 결과확인

- http://localhost:8081 을 입력하면 아래와 같은 결과를 확인할 수 있습니다.