🎬 Vue-Test — 猫眼电影练习项目
本项目是一个基于 Vue 3 + Vite 构建的前端练习项目,以猫眼电影网站为原型,用于练习 Vue 组件化开发、路由管理与接口数据展示等核心功能。
🧩 项目简介
本项目模拟猫眼电影网站的部分功能模块,包括:
- 电影列表与详情展示
- 城市选择与影院信息
- 用户登录与评分功能(可选)
适合初学者熟悉 Vue 3 的基础语法、组件通信、Pinia 状态管理以及 Vite 构建流程。
💻 开发环境推荐
IDE
- VS Code
- 插件推荐:
- Vue - Official(请禁用 Vetur)
浏览器
- 推荐使用 Chromium 内核浏览器(Chrome / Edge / Brave 等)
- Firefox 用户
⚙️ 启动说明
1️⃣ 安装依赖
npm install
2️⃣ 启动开发服务器
npm run dev
启动后,终端会显示本地开发地址(通常为 http://localhost:5173/)。
可在浏览器中打开查看实时预览效果。
3️⃣ 构建生产版本
npm run build
打包后的文件将生成在 dist/ 目录,可用于部署到任意静态服务器。
🧠 更多配置
详见 Vite 官方配置文档 以了解更多自定义选项。
✨ Enjoy coding with Vue 3 & Vite!
Description
Languages
Vue
38.5%
HTML
28.3%
CSS
24.5%
JavaScript
7.8%
Less
0.9%