🧩 Vue.js 설치 / 프로젝트 생성 / Router 설치

Cherry·2023년 1월 5일

🏃‍♀️ Vue 시작하기

🛠 Vue 설치

npm install vue

🛠 Vue CLI 설치

npm  install -g @vue/cli

🛠 Vue 프로젝트 생성

vue create 프로젝트명

cd 프로젝트명
npm run serve

할당된 로컬서버 주소를 입력하면 vue 페이지를 띄울 수 있다 !

🛠 Vue Router 설치

🧐 Vue Router란?

Vue에서 라우팅기능을 구현 할 수 있도록 지원하는 공식 라이브러리이다.

🧐 Routing이란?

웹페이지간의 이동방법을 말하는데, 페이지를 이동할 때 서버에 요청하여 새로 갱신하는 것이 아니라 해당 페이지를 받아 놓고 페이지 이동시에 클라이언트의 라우팅을 이용하여 화면을 갱신한다. 라우팅을 이용하면 화면간의 전환이 매끄러우며 Vue, React, Angular등 라우팅을 이용하여 화면을 전환한다.