VideoTube Frontend

A modern Vue 3 video sharing platform built with Vite.

Recommended IDE Setup

VS Code + Vue (Official) (and disable Vetur).

Recommended Browser Setup

• Chromium-based browsers (Chrome, Edge, Brave, etc.):
  • Vue.js devtools
  • Turn on Custom Object Formatter in Chrome DevTools
• Firefox:
  • Vue.js devtools
  • Turn on Custom Object Formatter in Firefox DevTools

Customize configuration

See Vite Configuration Reference.

Project Setup

1. Install Dependencies

npm install

2. Configure Environment Variables

Copy the example environment file and configure your backend URL:

cp .env.example .env

Edit .env and set your backend URL:

VITE_API_BASE_URL=http://localhost:8000

📖 For detailed environment configuration, see ENV_CONFIG.md

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build