1.首先使用 vue create demoproject命令创建项目 2.在项目中使用命令 vue add electron-builder 这一部命令我是在vscode里面执行的,vscode使用的powershell对这个命令有限制,需要 执行set-ExecutionPolicy Unrestricted来允许。这一步,可能比较慢,建议更改npm源为国内镜像 3.执行npm install 三.使用vue来开发页面 1.确...
✔ Successfully installed plugin:vue-cli-plugin-electron-builder?Choose ElectronVersion(Use arrow keys)^4.0.0^5.0.0❯^6.0.0 这里静静等待安装即可,它会下载electron的依赖文件 60M 左右,过程可能有点长,跟你的网络息息相关…… 在这等待安装的过程中,其实我们还可以再唠嗑唠嗑另一种页面可视化安装vue-cl...
结合 Vue 和 Electron 开发桌面端应用程序是一个非常强大的解决方案，尤其是对于已经熟悉 Web 开发的前端工程师来说，利用现有的 Web 技术栈即可构建跨平台的桌面应用程序。通过 Vue 的组件化、双向绑定等特性，以及 Electron 提供的与操作系统交互的能力，开发者可以快速构建现代化的桌面应用。通过合理使用主进程和渲...
Electron:Electron 是用于构建桌面应用的框架,它允许你使用 Web 技术来构建原生应用。 安装Vue CLI 和 Electron: npm install -g @vue/cli npm install electron --save-dev 创建Vue 项目 使用Vue CLI 创建一个新的 Vue 项目: vue create vue-electron-app 然后进入项目目录: cd vue-electron-app 安装Electron...
简单的前后端分离:Vue.js 可以很容易地实现前后端分离开发,将前端代码与后端逻辑分离,而 Electron 可以将前端代码打包成一个独立的可执行文件,与后端 API 进行通信,简化了开发流程。 离线应用支持:由于 Electron 可以作为一个独立的桌面应用程序运行,因此可以轻松支持离线应用程序,使用户可以在没有网络连接的情况下继续...
方案:vue2.0 + Electron 关于vue的项目搭建和electron的相关介绍可以去官网了解,这里是直接在已经开发好的vue2.0的项目中直接加入electron。 electron介绍: 参考1:https://electronjs.p2hp.com/ 参考2:https://www.electronjs.org/zh/docs/latest/api/app ...
Electron + Vue跨平台桌面应用开发实战教程(三) 需求分析 我们从截图里可以看到,右侧区域主要是由标题栏和内容编辑区组成,其中标题栏的右侧还包含了一排操作按钮,在这里我们就先把这一排按钮忽略了,先把主要功能开发完毕再考虑迭代优化。 所以我们的最终需要实现的需求其实很简单,就是「标题栏 + Markdown编辑区 =...
//github.com/electron-userland/electron-builder-binaries/releases/download/nsis-3.0.4.1/nsis-3.0.4.1.7z(1)打开 C:\Users\用户\AppData\Local\electron-builder\Cache ,新建文件夹取名 nsis,在这里面再新建一个文件夹 取名 nsis-3.0.4.1,这个取名不是随便取的,是根据上面下载的路径前面的那个名字而来,把...
创建electron-vue项目(方法一): 1、安装2.0+版本vue-cli npm install vue-cli -g 2、cmd打开F盘输入指令 vue init simulatedgreg/electron-vue my_project_name 根据自己项目需要设置项目内容 安装完成之后,项目导入编辑器,目录结构如下 3、yarn安装项目依赖 ...
大家好,我叫electron,我是一个穿着Web衣服,拥有着js思想的精简版的Chromium浏览器,当你使用我的时候,你可以使用我的思想也就是使用js调用丰富的原生api来创造桌面应用,你可以可以把我看作是nodejs的变异体,只是我专注的是桌面应用,而nodejs专注的是web服务端。