Skip to content

Complete guide to

Mastering Pinia

written by its creator

설치

Vue Mastery Logo Get the Vue Router Cheat Sheet from Vue Mastery

직접 다운로드 / 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(...)와 같이 사용합니다.

패키지 관리자

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

bash
npm install vue-router@4
bash
yarn add vue-router@4
bash
pnpm add vue-router@4

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

bash
npm create vue@latest
bash
yarn create vue
bash
pnpm create vue

생성하려는 프로젝트의 종류에 대한 몇 가지 질문이 나타납니다. Vue Router를 설치하기로 선택하면, 예제 애플리케이션은 Vue Router의 핵심 기능 중 일부를 시연할 것입니다.

패키지 관리자를 사용하는 프로젝트는 일반적으로 ES 모듈을 사용하여 Vue Router에 접근합니다. 예를 들어, import { createRouter } from 'vue-router'와 같이 사용합니다.

Translated by router.vuejs.kr