[Web Programming] Vue.js 설치 및 실행 방법 (w/ Node.js)

안녕하세요, 오늘은 Vue.js 프레임워크를 설치하고 실행하는 방법에 대해서 알아보겠습니다.

 

먼저, Vue.js를 설치하기 전 Node.js를 필수적으로 설치해야합니다.

 

https://nodejs.org/en/download

Download | Node.js

 

위의 링크를 통해 node.js를 설치 후 다음 명령어를 통해 설치된 Version을 확인합니다.

 

node -v

 

node.js 설치 후 이어서 Vue.js를 다음 명령어를 통해 설치합니다.

 

npm install vue

 

Vue 설치 후 이어서 Vue Cli를 설치합니다.

 

npm install -g @vue/cli c

 

Vue Cli까지 모두 설치가 완료되었다면 다음 명령어를 통해 Vue 프로젝트를 생성할 수 있습니다.

 

vue create "project" --no-git

 

"project" 설치 후 이어지는 다음 명령어를 통해 Vue.js를 서버를 구동할 수 있습니다.

 

cd "project"
npm run serve

 

Vue.js 서버가 정상적으로 실행된 화면

 

 

이상으로, Vue.js 프레임워크를 설치하고 실행하는 방법에 대해서 알아보았습니다.

감사드립니다.