官网:Why Electron⚡️Vite | Electron⚡️Vite github:electron-vite/electron-vite-vue: Really simple Electron + Vite + Vue boilerplate. electron-vite-vue使用 本文涉及版本 "vue":"^3.4.21","vue-router":"^4.0.13""e
3、这里选择vue模板 PS D:\webPro\yunfeng\electron> npm create electron-vite@latest electron-note √ Project template: » Vue Scaffolding project in D:\webPro\yunfeng\electron\electron-note... Done. Now run: cd electron-note npm install npm run dev PS D:\webPro\yunfeng\electron> 1. 2....
npm install -D vite-plugin-electron 创建项目入口——主进程 electron引入成功了,可以开始写electron的相关代码了,新建一个src-electron文件用来写electron的代码,在它下面创建一个main.ts文件 用来写主进程代码 // src-electron/main.js const { app, BrowserWindow } = require('electron') const { join } =...
vue3技术性:vite2.1.5 vue3.0 vuex4 vue-router@4 跨端架构:electron^12.0.4 封装工具:vue-cli-plugin-electron-builder UI组件库:element-plus^1.0.2 (饿了么外卖vue3组件库) 报表拖动:sortablejs^1.13.0 图表组件:echarts^5.1.1 现代化计划方案:vue-i18n^9.1.6 数据信息仿真模拟:mockjs^1.1.0 二、关...
Electron 相关放在electron Vue + Vite 作为前端经常使用的,简单提一下 执行创建 Vue 项目指令 npm create vue@latest 创建一个包含Vue + Vite + TS + Pinia + ESLint + Prettier的项目 Vue3.4 至于标题特地指出Vue3.4版本,主要是新出的几个特性比较香,这里简单提一下 ...
2. 创建一个vite项目 在windows包里调出cmd后执行 npm create vite 3. 安装electron npm install --save-dev electron npm install --save-dev electron@20.0.0 指定版本 注意:在electron21+后调用C++动态库会出现Error: Error in native callback错误,原因:Electron 21 及更高版本将启用 V8 内存隔离区,这将...
第1步,建立一个新的vite项目 yarn create vite 第2步,安装项目依赖 yarnadd-D concurrently cross-env electron electron-builder wait-on 第3部,修改package.json文件 添加build节点,更多的信息可以参阅electron.build "build": {"appId":"com.my-website.my-app","productName":"MyApp","copyright":"Copyrig...
npm init electron-app@latest my-new-app -- --template=vite 1. Vue3 添加vue依赖 复制 npm install--save vue 1. 修改Vite配置 脚手架生成的Vite配置文件有三个,分别是vite.main.config.mjs、vite.reload.config.mjs和vite.renderer.config.mjs。这里修改vite.renderer.config.mjs如下。
git clone https://gitee.com/panie/vite-electron-vue.git 1. 运行项目 1/ 采用vscode 打开文件夹 2/ 查看一下各种命令的版本 $ node -v v18.16.0 # 更改源。 首次安装一定要更改源,要不然下面的命令慢到会怀疑人生 $ npm config set registry https://registry.npm.taobao.org -g ...
electron-main:主进程目录。 electron-preload:预加载代码目录,主要是定义桥接通信。 其他文件:也就是 vue 初始化后的目录。 目录结构这么设计的原因是因为我们使用的 vite-plugin-electron 插件需要使用这样的目录结构,目前还没有提供设置修改。 初始化项目目录 ...