使用vue-cli创建项目 vuecreate<project_name> 创建时依据如下图进行选择 这块vue版本选择,你会哪个版本就选哪个,因为我只会vue2,所以选择的vue2 依据上述图依次回车即可。 安装electron-builder插件 安装过程时长取决于网络状态 cd <project_name> vueaddelectron-builder 选择最新的electron13即可 至此,一个基础的e...
1.首先使用 vue create demoproject命令创建项目 2.在项目中使用命令 vue add electron-builder 这一部命令我是在vscode里面执行的,vscode使用的powershell对这个命令有限制,需要 执行set-ExecutionPolicy Unrestricted来允许。这一步,可能比较慢,建议更改npm源为国内镜像 3.执行npm install 三.使用vue来开发页面 1.确...
① 首先可以将vue devtools的代码clone下来, 然后进行编译 代码语言:javascript 复制 git clone https://github.com/vuejs/vue-devtools.git cd vue-devtools npm install npm run build 然后把vue-devtools/packages/shell-chrome文件夹复制到项目根目录 ②在background.js文件的app.on('ready',生命周期中进行加载...
前端时间我的一个朋友为了快速熟悉 Vue3 开发, 特意使用 electron+vue3+ts 开发了一个桌面端应用, 并在 github 上开源了, 接下来我就带大家一起了解一下这个项目, 在文章末尾我会放 github的地址, 大家如果想学习vue3 + ts + electron 开发, 可以本地 clone 学习参考一下. 技术栈 以上是我们看到的便签软...
没有真正的痛点解析啥的很无语 ,好多的问题都需要自己去找、去试,这无异于加大了开发成本与学习成本,所以本篇博客会从electron 的api到 electron +vue 组合式开发到 打包 及开发过程中遇见的问题分门别类的进行说明, 当然在最后的文末我会将我写的 electron + vue全家桶的git开源项目附上,需要的话就去git ...
1.创建工程 直接用开源的electron构建脚手架:https://github.com/electron-vite/electron-vite-vue 使用命令创建工程 npm create electron-vite 输入工程的名称 2.安装依赖 工程下载好后,我们打开工程,并在根目录打开终端,然后安装对应的依赖 1.配置镜像
一、Electron-vue简介 Electron-Vue 是一个使用 Vue.js 构建跨平台桌面应用程序的框架。它基于 Electron,一个使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用程序的开源库。 Electron-Vue 结合了 Vue.js 的灵活性和 Electron 的跨平台能力,使得开发桌面应用程序变得更加简单和高效。以下是一些 Electron-Vue 的主要...
1. 配置项目图标 参考文档:nklayman.github.io/vue-cli-plu… 使用electron-icon-builder, 生成符合Electron的图标 ① 安装 npm install --save-dev electron-icon-builder复制代码 1. ② package.json 中配置生成命令 "electron:generate-icons": "electron-icon-builder --input=./public/icon.png --output=...
【快乐摸鱼】是一款基于Vue和Electron的开源接口管理工具。 最初构建这个项目的时候是为了学习Node.js和解决团队前后端协调问题。社区中有 YApi 、Rap2、Doclever、 Nei、Swagger、Apidoc等开源解决方案,同时也存在 Postman、Eolinker、ApiPost等商业解决方案。 ...