Vue js 설치 ( vue2, vue3 )

안녕하세요 codeGray 입니다.

 

요즘 Vue js 공부를 시작 해보려 합니다.

 

미숙하지만 제 기록용으로 시리즈를 작성해보려 합니다.

 

 

개발 툴 

평범하게 vscode로 진행 하였습니다.

 

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

 

Vue js 설치

vscode를 설치하셨다면 npm 으로 vue를 설치해야 하는데 npm을 사용하시려면 node js를 설치 하셔야 합니다.

 

최신버전으로 설치 해줍니다.

 

https://nodejs.org/ko/

Node.js

 

 

vscode , node js 를 설치하셨다면 이제 vue js 설치가 가능 합니다.

 

vscode에서 control + j 키를 누르면 터미널 창이 열립니다.

 

터미널 창에

 

npm install -g @vue/cli

를 입력하면 설치가 진행 됩니다.

 

Vue 프로젝트 생성

vue cli 를 설치하셨으면 이제 vue 프로젝트가 생성 가능합니다.

 

vscode 에서 file -> new folder 를 누르시고 프로젝트 생성을 원하시는 디렉토리를 선택하시고 

 

vscode 터미널에서 해당 디렉토리로 이동하신 후 아래의 명령어를 입력하면 Vue 프로젝트가 설치됩니다.

 

vue create 프로젝트명

//위의 명령어가 에러 날 경우 아래와 같이 하세요

vue.cmd create 프로젝트명

 

이제 정상적으로 프로젝트가 생성되었고 실행하시려면 터미널창에

 

npm run serve 를 입력하시면 됩니다.

 

이보다 더 자세한 내용이 궁금하시면 공식 홈페이지에서 확인해 보시면 좋을 것 같습니다.

https://kr.vuejs.org/v2/guide/installation.html

설치방법 — Vue.js

 

감사합니다.