[Vue] Vue3 설치 및 실행

 

1. node.js를 먼저 설치한다.

  - node.js 설치 (https://nodejs.org/en/)

 - 공식 사이트에서 다운로드 후 실행 -> 다음 다음 다음! 하면 그냥 완료

2. 명령 프롬프트에서 아래와 같은 명령어를 입력하여 Vue를 설치한다.

>npm install -g @vue/cli  

3. 아래 이미지와 같이 나오면 설치가 완료된 것이다.

 

4. 설치가 완료되었으면, 명령 프롬프트에서 설치가 잘 되었는지 확인한다.
 버전이 나오면 정상적으로 설치가 완료된 것

>vue -V

 

5. 설치가 성공적으로 되었으니, 아래 명령어를 입력하여 vue 프로젝트를 생성한다. 프로젝트 경로를 변경하고 싶으면 원하는 경로에 가서 아래 명령어를 입력한다. 

>vue create vue_08

6. 아래와 같이 어떤 버전으로 프로젝트를 만들지 선택하여 엔터를 누른다.

 

7. 프로젝트 생성이 완료되었으면, 프로젝트 생성 경로로 이동하여 잘 생성되었는지 확인한다.


8. 명령 프롬프트 창에서 프로젝트 생성 경로로 이동 후, 아래와 같은 명령어를 입력한다.

>npm run serve

 

9. 명령 프롬프트에 아래와 같은 메시지가 나오면 성공한 것으로 Local 또는 Network 주소를 복사하여 브라우저에 붙여 넣는다.

http://localhost:8080/

10. 아래 이미지와 같이 나오면 성공