1、使用vite创建vue3项目 npm init vite 2、安装依赖 npm install 3、安装electron npm install electron --save-dev 4、配置package.json "main": "main.js", "scripts": { "dev": "vite", "start": "electron ." } 5、创建文件 main.js主进程文件 preload.js预加载脚本文件 6、启动vue项目和...
Element-Plus:Element-Plus是一套基于Vue 3.0的桌面端组件库。我们选择Element-Plus作为项目的UI组件库,因为它提供了丰富的组件和灵活的主题定制功能,可以快速构建出美观且功能强大的界面。 三、实现过程 创建Electron项目 首先,我们使用Vite创建一个Electron项目。在创建项目时,我们需要选择Electron作为目标平台,并配置相关...
首先,我们通过Vite 提供的脚手架,创建一个基础的Vue 模板工程。 操作过程很简单, 我们通过下边的命令, 直接创建然后,选择即可。 npm init vite cd [project-name] npm install 初始化完,项目工程。 我们进入目录,使用命令,npm run dev, 就可以看到 Vite 模板工程的首页了。 接下来,我们将把Electron 添加到此工...
1.创建工程直接用开源的electron构建脚手架:https://github.com/electron-vite/electron-vite-vue使用命令创建工程这是我的一个技术博客网站,主要目地是为了方便自己整理基础知识应用与收集常见技术问题,以便后面出现同样问题可以直接解决; 1.创建工程 直接用开源的electron构建脚手架:https://github.com/electron-vite/...
在项目根目录下创建vite.config.js文件: import{ defineConfig }from'vite';importvuefrom'@vitejs/plugin-vue';exportdefaultdefineConfig({plugins: [vue()],build: {outDir:'dist', }, }); 3. 配置 Electron 在项目根目录下创建main.js文件,这是 Electron 的主进程文件: ...
项目地址:https://github.com/topul/electron-vite-react 创建vite应用 yarn create @vitejs/app electron-vite-react --template react cd electron-vite-react yarn 安装electron打包工具 yarn add --dev @electron-forge/cli 当打包工具安装完成后,我们设置一下electron打包配置,然后我们就可以通过electron-forge进...
主要使用 vite 构建项目,vue3 的 tsx 语法写界面,electron 构建桌面程序的解决方案 源码地址 【Github 地址】 【博客地址】 实例 使用(推荐 pnpm) 安装依赖 pnpm install 运行 pnpm run dev 打包 pnpm run build 安装vue devtools https://chrome.google.com/webstore/detail/vuejs-devtools/ljjemllljcmogpfapbk...
1.已注册环信即时通讯云并在console后台创建了AppKey。 2.了解并可以创建Electron-vite-react项目 3.了解环信UIkit各功能以及api调用,点此了解 开始集成 第一步:创建一个Electron项目(进度10%) Electron-vite官网有详细的教程,此处不做过多赘述,仅以当前示例项目为参考集成,更多详情指路官网 ...
electron+vue3+vite+ts项目中使用svg图标 项目结构 1. 首先引入svg插件 1 2 3 yarn add svg-sprite-loader -D // 或者 npm install svg-sprite-loader -D 2. 创建文件 1、创建icons文件夹,里面创建index.ts(svgicon的js逻辑),svg文件夹(svg图标存放的地址)...
Electron + Vue3 + vite-plugin-electron 环境 Electron + Vue3 + vite-plugin-electron 使用vite-plugin-electron插件完美集成Electron、Vue3、Vite开发环境。 环境 当前支持版本: vue3:3.2.37 electron:21.2.2 electron-builder:23.3.3 vite-plugin-electron:0.10.2 Star 6 Fork 5 捐赠 0 人次 简介...