IT
[Vue] Vue3 설치 및 실행
zzang_yang
2024. 6. 8. 18:00
반응형
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. 아래 이미지와 같이 나오면 성공
반응형