설치

Get the Vue Router Cheat Sheet from Vue Mastery

패키지 매니저

JavaScript 패키지 매니저를 사용하는 기존 프로젝트가 있다면 npm 레지스트리에서 Vue Router를 설치할 수 있습니다:

npm

npm install vue-router@4

yarn

yarn add vue-router@4

pnpm

pnpm add vue-router@4

bun

bun add vue-router@4

새 프로젝트를 시작하는 경우, Vue Router 포함 여부를 선택할 수 있는 Vite 기반 프로젝트를 생성해 주는 create-vue 스캐폴딩 도구를 사용하는 것이 더 쉬울 수 있습니다:

npm

npm create vue@latest

yarn

yarn create vue

pnpm

pnpm create vue

bun

bun create vue

어떤 종류의 프로젝트를 만들고 싶은지에 대한 몇 가지 질문이 표시됩니다. Vue Router 설치를 선택하면 예제 애플리케이션에서 Vue Router의 핵심 기능 일부도 함께 보여 줍니다.

패키지 매니저를 사용하는 프로젝트는 일반적으로 import { createRouter } from 'vue-router'처럼 ES 모듈을 사용해 Vue Router에 접근합니다.

직접 다운로드 / CDN

https://unpkg.com/vue-router@4

Unpkg.com은 npm 기반 CDN 링크를 제공합니다. 위 링크는 항상 npm의 최신 릴리스를 가리킵니다. https://unpkg.com/[email protected]/dist/vue-router.global.js 같은 URL로 특정 버전/태그를 사용할 수도 있습니다.

이렇게 하면 전역 VueRouter 객체를 통해 Vue Router가 노출됩니다. 예: VueRouter.createRouter(...).