一、安装依赖 cd my-app npm install --save-dev @electron-forge/cli npm exec --package=@electron-forge/cli -c "electron-forge import" 安装后package.json自动生成新的命令 "scripts": { "dev": "vite", "build": "vue-tsc && vite build && electron-builder", "preview": "vite preview", "...
简单了解Electron与electron-forge Electron简单来说是搞桌面应用的,可以支持electron+vue,electron+angular等组合开发。更多详情见Electron官方文档。 electron-forge则是Electron官方提供并推荐的处理 Electron 应用程序打包与分发的一体化工具。它的安装与使用可参照Electron官方给的使用教程。electron-forge也有属于自己独立的...
在Electron Forge项目中使用Vue 3,我们需要创建一个Vue 3项目,并将其集成到Electron Forge中。这通常涉及以下几个步骤: 初始化一个Vue 3项目。 将Vue 3项目集成到Electron Forge项目中。 配置Vite以支持Electron的打包和构建。 4. 创建一个基于Electron Forge、使用Vite打包、并应用Vue 3框架的项目示例 以下是一个...
app.config.globalProperties 的写法好是在 (这种事在TS文件下可以访问) //import { getCurrentInstance } from 'vue'//获取Component实例const proxy = getCurrentInstance()?.proxy//console.log(window.electron)console.log(window.isEnglish) console.log(proxy.isEnglish) 然后最优化是windos.api 这种写法 当然需...
Electron教程(一)什么是 Electron,由来、适用场景 和 Electron 的环境搭建Electron教程(二)启动过程:主进程,渲染进程是什么Electron教程(三)如何打包 electron 程序:electron-forge 的使用教程Electron教程(四)使用 Vue Browser 版,创建小工具应用Ele...
1、将vue.config.js 中publicPath: '/' 改为publicPath: './' 2、package.json文件中配置main:background.js;如图: 3、vue.config.js中新增pluginOptions.electronBuilder 配置,详细配置如下: pluginOptions: { electronBuilder: { chainWebpackMainProcess: (config) => { ...
electron-forge是electron 的脚手架,类似于,react 的create-react-app或者vue 的vue-cli,所有配置文件都是已经配置好的,根据需求在往上添加就可以用了。如果加载本地磁盘资源用以上办法还是不太行的。需要再加上一个配置才行。 在forge.config.js或者package.json 设置plugins项,如下 { "plugins": [ [ "@electro...
First, you should probably be using Forge v6, since it has first-class support for webpack. If using electron-forge import doesn't work, I believe the best course of action is to forgo using electron-vue, use the Vue CLI to create a new Vue project, and then run electron-forge import...
我们采用的是 Vue3 ,同时使用 Vite 作为构建工具,具体优点,大家可以查看官网介绍,这套组合是目前主流的 Web 开发方案。4.4monorepo方案选型 目前的 monorepo 生态百花齐放,正确的实践方法应该是集大成法,也就是取各家之长,目前的趋势也是如此,各开源 monorepo 工具达成默契,专注自己擅长的能力。如pnpm 擅长依赖管理...
创建electron-vue项目: electron-forge init my-new-project --template=vue 1. 创建成功后的目录结构如下: 相比较electro-vue创建的项目目录,这个目录结构可谓是十分简洁了。 我们看看package.json文件的内容: 在index.html页面中,我们可以看到怎么使用vue: ...