wenreq/electron-v3

Electron + Vue3 + Vite + VueRouter + Pinia 开发的桌面应用项目

开发环境

npm run build 报错

npm run build 报这个错误 proxyconnect tcp: dial tcp :0: connect: can't assign requested address

关闭代理：

npm config rm proxy
npm config rm https-proxy

这将从你的 npm 配置中删除代理设置，使 npm 直接连接到互联网。

目录结构

• dist 目录是我们打包过程的临时产物放置目录。
• plugins 目录放置我们的开发环境 Vite 插件和打包 Vite 插件。
• release 目录放置最终生成的安装包。
• resource 目录放置一些外部资源，比如应用程序图标、第三方类库等。
• src/common 目录放置主进程和渲染进程都会用到的公共代码，比如日期格式化的工具类、数据库访问工具类等，主进程和渲染进程的代码都有可能使用这些类。
• src/main 目录放置主进程的代码。
• src/model 目录放置应用程序的模型文件，比如消息类、会话类、用户设置类等，主进程和渲染进程的代码都有可能使用这些类。
• src/renderer 目录放置渲染进程的代码。
• src/renderer/assets 放置字体图标、公共样式、图片等文件。
• src/renderer/Component 放置公共组件，比如标题栏组件、菜单组件等。
• src/renderer/store 目录存放 Vue 项目的数据状态组件，用于在不同的 Vue 组件**享数据。
• src/renderer/Window 目录存放不同窗口的入口组件，这些组件是通过 vue-router 导航的，这个目录下的子目录存放对应窗口的子组件。
• src/renderer/App.vue 是渲染进程的入口组件，这个组件内只有一个用于导航到不同的窗口。
• src/renderer/main.ts 是渲染进程的入口脚本。
• index.html 是渲染进程的入口页面。
• vite.config.ts 是 Vite 的配置文件。