安装完成后,我们要在在命令行执行 npx electron-forge import 生成electron-forge的配置文件 npx electron-forge import 生成的文件名为 forge.config.js ,内容如下: module.exports = { packagerConfig: { asar: true, }, rebuildConfig: {}, makers: [
1、将vue.config.js 中publicPath: '/' 改为publicPath: './' 2、package.json文件中配置main:background.js;如图: 3、vue.config.js中新增pluginOptions.electronBuilder 配置,详细配置如下: pluginOptions: { electronBuilder: { chainWebpackMainProcess: (config) => { config.output.filename('background....
安装后package.json自动生成新的命令 "scripts": { "dev": "vite", "build": "vue-tsc && vite build && electron-builder", "preview": "vite preview", "start": "electron-forge start", "package": "electron-forge package", "make": "electron-forge make" } 直接运行npm run start,报错如下 ...
一、创建VUE项目 使用Vue CLI创建一个新的Vue项目。你可以使用以下命令: npm install -g @vue/cli vue create my-vue-app cd my-vue-app 选择默认的Vue项目模板,或根据需要自定义配置。 二、安装ELECTRON 在Vue项目的根目录下,安装Electron和相关的开发依赖: npm install --save-dev electron @electron-forge...
所以此时我就想,既然移动app都能用vue来写,那Windows的桌面应用程序是不是也可以用Vue等web前端技术来开发呢?还真可以,那就是Electron这个框架。首先声明,我自己也在学习Electron这个框架,所以就有了这个系列教程。你的电脑里得安装好Node.js,并且你得对Node.js和npm包管理工具的使用有基本的了解,本教程不会讲解...
Electron简单来说是搞桌面应用的,可以支持electron+vue,electron+angular等组合开发。更多详情见Electron官方文档。 electron-forge则是Electron官方提供并推荐的处理 Electron 应用程序打包与分发的一体化工具。它的安装与使用可参照Electron官方给的使用教程。electron-forge也有属于自己独立的文档。
用electron-forge创建一个项目 electron-forge是一个脚手架程序(和create-react-app类似), 它可以帮我们快速构建一个electron应用, 应用创建成功后, 我们直接编辑src/index.html即可快速上手electron桌面程序, 下面是创建的具体步骤和几个简单实用的小demo 全局安装electron-forge 代码语言:javascript 代码运行次数:0 ...
Electron-forge 是一个帮你从项目初始化到打包发布全流程管理的脚手架工具,可整合React、Vue、Webpack、TS等,配置简单统一,容易上手。 下面是详细的使用文档,包括初始化项目、引入到现有项目、使用模板、不同平台的打包配置、发布渠道配置、CLI命令、API参考等几个重要部分,最常用也是重要的部分是:配置打包Marker部分...
Electron集成Vue的方法主要有以下几个步骤:1、创建Electron项目;2、安装Vue CLI并创建Vue项目;3、配置Electron和Vue的集成;4、构建和运行项目。以下是详细的步骤和解释,帮助你更好地理解和实现这个集成过程。 一、创建ELECTRON项目 首先,我们需要创建一个基本的Electron项目。以下是具体步骤: ...
2、使用electron-forge(锻造) 脚手架来搭建 项目 1) npx是node.js 新版 支持的命令 npx create-electron-app my-new-app (推荐用这个) 或 yarn create-electron-app my-new-app npx相当于多步传统的方式 npm install -g @electron-forge/cli (安装脚手架) 或 cnpm安装 electron-forge init my-new-app ...