因此推荐使用electron来做桌面端应用,以现有的电脑配置来说,只要你的代码不要写的太烂,在用户的体验中感受不到和flutter桌面端应用性能上有明显的差别,且electron支持Linux系统,多端兼容性好,强烈推荐
vue3 + ts + electron项目搭建过程 1、输入指令 npm create electron-vite 2、工程创建好后进入工程目录 执行 npm i 加载依赖项, 加载过程中可能会出现加载失败的问题,是因为github资源的问题,非项目本身问题,多执行几次即可 3、打包 输入npm run build,打包过程也会出现打包失败的问题,原因和上面一样,也是githu...
前端时间我的一个朋友为了快速熟悉Vue3开发, 特意使用electron+vue3+ts开发了一个桌面端应用, 并在github上开源了, 接下来我就带大家一起了解一下这个项目, 在文章末尾我会放github的地址, 大家如果想学习vue3 + ts + electron开发, 可以本地clone学习参考一下. image.png 技术栈 以上是我们看到的便签软件使用...
我们需要先借助Vite初始化一个Vue3+TS的项目,后面我们在逐步添加electron,在任何一个文件夹下: 执行命令: npm create vite@latest my-vue-app -- --template vue-ts 安装依赖: npm install 运行项目: npm run dev 这样一个最简单的Vue3 + TS + Vite的前端项目就初始化好了。 2.安装Electron相关包 初始化...
│ │ ├── editor.vue │ │ ├── header.vue │ │ ├── input.vue │ │ ├── messageBox.vue │ │ ├── switch.vue │ │ └── tick.vue │ ├── config │ │ ├── browser.options.ts │ │ ├── classNames.options.ts ...
没有真正的痛点解析啥的很无语 ,好多的问题都需要自己去找、去试,这无异于加大了开发成本与学习成本,所以本篇博客会从electron 的api到 electron +vue 组合式开发到 打包 及开发过程中遇见的问题分门别类的进行说明, 当然在最后的文末我会将我写的 electron + vue全家桶的git开源项目附上,需要的话就去git ...
针对于我们当前的Electron+Vue3+TS项目,主要实现以下需求。 需求如下: 在渲染进程中,直接调用某个方法即可打开新窗口。 默认打开的新窗口是一个子窗口。 打开新窗口方法可以接收参数。 可以传入路由地址,新窗口渲染此路由地址页面。 可以传入窗口样式,如宽高、背景色、是否显示默认菜单栏等等。
yarncreatevite electron-desktop--template vue-ts 1. 先使用 vite 创建 vue 项目,然后我们再将 electron 嵌入到里面。 初始化完成后,我们先做一个本地 yarn 源的配置,防止下载库的时候出现异常。 配置.yarnrc 复制 registry"https://registry.npm.taobao.org/"electron_mirror"https://npm.taobao.org/mirrors...
│ │ └── tick.vue │ ├── config │ │ ├── browser.options.ts │ │ ├── classNames.options.ts │ │ ├── editorIcons.options.ts │ │ ├── index.ts │ │ └── shortcuts.keys.ts │ ├── inotedb │ │ └── index.ts ...
大致意思就是 在electron中 vue 只能使用hash模式。history模式不支持 找到文件目录src\router\index.ts:1:1 import{ createRouter, createWebHistory,RouteRecordRaw}from'vue-router'// 改为import{ createRouter, createWebHashHistory, createWebHistory,RouteRecordRaw}from'vue-router' ...