代码拉取完成，页面将自动刷新
VSCodeVue-official vscode官方的vue插件TailwindCSS Intellisense TailwindCSS的智能提示插件Prettier 代码格式化插件Node.js ^20.11.0 运行JavaScript的运行环境。npm ^10.2.4 包管理工具。cnpm ^9.4.0 包管理工具。Vue ^3.4.21 开发框架Electron ^30.0.0 构建桌面应用。Typescript ^5.4.0 构建JavaScript语言。Vite ^5.2.8 构建工具。Electron Builder ^24.13.3 打包桌面应用。Vue 构建用户界面。Vue Router 管理路由。Pinia 管理状态。ElementPlus 构建组件库。Axios 发送HTTP请求。Electron 构建桌面应用。Typescript 构建JavaScript语言。Vite 构建应用。本项目是一个基于Vite和Electron的视频播放器前端项目。
├── public
│ ├── favicon.ico
├── electron
│ ├── main.js
│ ├── preload.js
├── src
│ ├── assets
│ ├── components
│ ├── data
│ ├── router
│ ├── stores
│ ├── type
│ ├── utils
│ ├── views
│ ├── App.vue
│ ├── main.ts
| ├── index.html
├── gitignore
├── env.d.ts
├── index.html
├── interface.d.ts
├── LICENSE
├── package.json
├── postcss.config.js
├── README.md
├── tailwind.config.js
├── tsconfig.app.json
├── tsconfig.json
├── tsconfig.node.json
├── tsconfig.vitest.json
├── vite.config.ts
├── vitest.config.ts
public 静态资源目录，包含favicon.ico文件。electron electron主进程目录，包含main.js和preload.js文件。src 项目源码目录。
assets 静态资源目录。components 组件目录。data 数据目录。router 路由目录。stores 状态管理目录。type 类型定义目录。utils 工具函数目录。views 视图目录。App.vue 根组件。main.ts 入口文件。index.html 入口HTML文件。interface.d.ts 全局接口类型定义文件。env.d.ts 环境变量类型定义文件。LICENSE 许可证文件。package.json 项目配置文件。postcss.config.js postcss配置文件。README.md 项目说明文件。tailwind.config.js tailwindcss配置文件。tsconfig.app.json 应用TypeScript配置文件。tsconfig.json TypeScript配置文件。tsconfig.node.json Node.js环境TypeScript配置文件。tsconfig.vitest.json Vitest测试用例配置文件。vite.config.ts Vite配置文件。vitest.config.ts Vitest配置文件。.gitignore git忽略文件。index.html 入口HTML文件。LICENSE 许可证文件。package.json 项目配置文件。postcss.config.js postcss配置文件。README.md 项目说明文件。tailwind.config.js tailwindcss配置文件。tsconfig.app.json 应用TypeScript配置文件。tsconfig.json TypeScript配置文件。tsconfig.node.json Node.js环境TypeScript配置文件。tsconfig.vitest.json Vitest测试用例配置文件。vite.config.ts Vite配置文件。vitest.config.ts Vitest配置文件。@fortawesome/fontawesome-svg-core 用于使用Font Awesome图标。@fortawesome/free-brands-svg-icons 用于使用Font Awesome品牌图标。@fortawesome/free-regular-svg-icons 用于使用Font Awesome常规图标。@fortawesome/free-solid-svg-icons 用于使用Font Awesome实心图标。@fortawesome/vue-fontawesome 用于使用Font Awesome图标。@icon-park/vue-next 用于使用IconPark图标。element-plus 用于使用ElementPlus组件。pinia 用于状态管理。vue 用于构建用户界面。vue-router 用于路由管理。@element-plus/icons-vue 用于使用ElementPlus图标。@tsconfig/node20 用于指定Node.js环境的TypeScript配置。@types/jsdom 用于指定jsdom的类型定义。@types/node 用于指定Node.js的类型定义。@vue/test-utils 用于编写单元测试。@vue/tsconfig 用于指定Vue的TypeScript配置。@vueuse/electron 用于集成Electron。autoprefixer 用于CSS浏览器兼容性。axios 用于发送HTTP请求。electron 用于创建桌面应用。electron-builder 用于打包桌面应用。electron-devtools-installer 用于安装开发者工具。jsdom 用于模拟浏览器环境。npm-run-all2 用于运行多个npm脚本。postcss 用于CSS预处理。tailwindcss 用于CSS框架。typescript 用于JavaScript语言。vite 用于构建应用。vite-plugin-electron 用于集成Electron。vite-plugin-electron-renderer 用于集成Electron渲染进程。vite-plugin-vue-devtools 用于安装Vue开发者工具。vitest 用于编写单元测试。vue-tsc 用于替换tsc CLI进行类型检查。xgplayer 用于播放视频。See Vite Configuration Reference.
npm install
或者
cnpm install
npm run dev
npm run build
npm run test:unit
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。