2025最新款原创新作electron38+vite7+vue3 setup+pinia3仿微信客户端聊天程序。
技术知识点
- 跨平台框架：electron38.0.0
- 前端框架：vite7.1.2+vue3.5.18+vue-router4.5.1
- 组件库：element-plus^2.11.2
- 状态插件：pinia^3.0.3
- 存储插件：pinia-plugin-persistedstate^4.5.0
- 打包构建：electron-builder^24.13.3
- electron结合vite插件：vite-plugin-electron^0.29.0
基于最新版跨平台技术electron38+vite7 搭建项目模板，整个项目使用vue3 setup语法糖编码开发。
项目通用模板
ts
<template>
<template v-if="!route?.meta?.isNewWin">
<div
class="vu__container flexbox flex-alignc flex-justifyc"
:style="{'--themeSkin': appstate.config.skin}"
>
<div class="vu__layout flexbox flex-col">
<div class="vu__layout-body flex1 flexbox" @contextmenu.prevent>
<!-- 菜单栏 -->
<slot v-if="!route?.meta?.hideMenuBar" name="menubar">
<MenuBar />
</slot>
<!-- 侧边栏 -->
<div v-if="route?.meta?.showSideBar" class="vu__layout-sidebar flexbox">
<aside class="vu__layout-sidebar__body flexbox flex-col">
<slot name="sidebar">
<SideBar />
</slot>
</aside>
</div>
<!-- 主内容区 -->
<div class="vu__layout-main flex1 flexbox flex-col">
<ToolBar v-if="!route?.meta?.hideToolBar" />
<router-view v-slot="{ Component, route }">
<keep-alive>
<component :is="Component" :key="route.path" />
</keep-alive>
</router-view>
</div>
</div>
</div>
</div>
</template>
<template v-else>
<WinLayout />
</template>
</template>
基于uniapp+vue3+uvue短视频+聊天+直播app系统
基于uniapp+vue3+deepseek+markdown搭建app版流式输出AI模板
vue3.5+deepseek+arco+markdown搭建web版流式输出AI模板
unios-admin手机版后台|uniapp+vue3全端admin管理系统
基于flutter3.32+window_manager仿macOS/Wins风格桌面os系统
flutter3.27+bitsdojo_window电脑端仿微信Exe应用
自研tauri2.0+vite6.x+vue3+rust+arco-design桌面版os管理系统Tauri2-ViteOS
基于uni-app+vue3+uvui跨三端仿微信app聊天模板