Vue3 설치

우선 Vue를 사용하기위해서는 Node.js가 필요하다.

Node.js 이미지 클릭 링크

 

Vue.js

이제 Vue를 설치해보자.

Installation

Vue 설치

npm install -g @vue/cli

Vue 설치 확인

vue -v
@vue/cli 4.5.13

프로젝트 생성

vue create {project명}

Vue 버전 선택

설치 완료

Vue 생성 완료

Vue 3 를 선택

생성된 폴드 구성

• node_modules
• public
• src
  • assets
  • componets
    • HelloWorld.vue
  • App.vue
  • main.js
• .package-lock.json
• package.json
• README.md

생성된 vue project로 이동

cd my_vue

위 프로젝트로 이동후

npm run serve

vue 구동

구동이 완료된 화면

인터넷 주소창에

Local주소 http://localhost:8080/ 또는

Network주소 http://192.168.0.103:8080/ 입력

아래화면이 나오면 정상적으로 설정 완료!