npm create vite@latest electron-desktop-tool 进入到项目 执行安装和运行命令,可以看到vue项目已经启动起来了 cd electron-desktop-tool npm install npm run dev 项目可以在浏览器中跑起来,说明没毛病,下一步就在项目中引入 electron 目录结构 这是目前的目录结构 安装electron 在安装 electron之前需要先配置一下 ...
同时在script目录下创建相应的文件,接着我们就开始撰写者两个文件的代码了 调试脚本 通过Vite启动Web项目 调试脚本首先要做的工作就是启动Vue项目 让它跑在http://localhost下,这样我们修改渲染进程的代码时, 会通过Vite的热更新机制实时反馈到界面上 Vite除了提供cli的指令启动项目外,也提供了API,我这里就是直接调...
mainWindow.setSize(((args.screenWidth / 5) * 3) + 200,700) }else if (maxSize[0] === (((args.screenWidth / 5) * 3) + 200) && maxSize[1] === 700){ mainWindow.setResizable(true) mainWindow.setSize(((args.screenWidth / 5) * 3) + 150,600) } }) mainWindow.on('ready-...
创建Vue 3项目 初始化Vue项目: 使用Vue CLI创建一个新的Vue 3项目,或者如果你更喜欢Vite,也可以用它来快速启动项目。 bash 深色版本 # 使用Vue CLI (确保已安装@vue/cli) vue create my-electron-vue-app # 或者使用Vite npm init vite@latest my-electron-vue-app --template vue cd my-electron-vue-ap...
1.创建一个vue3项目: npm create vite@latest electron-desktop-tool 2.在安装 electron之前需要先配置一下 安装源 在根目录下新建一个.npmrc文件 strict-ssl=falseregistry=https://registry.npmmirror.com/electron_mirror=https://registry.npmmirror.com/-/binary/electron/electron_builder_binaries_mirror=https...
一说到创建桌面应用,就不得不提及Electron和Tauri框架。这次给大家主要分享的是基于electron最新版本整合vite4.x构建vue3桌面端应用程序。 之前也有使用vite2+vue3+electronc创建桌面端项目,不过vue-cli-plugin-electron-builder脚手架插件构建的项目electron版本只有13.x。如今electron版本都到了24,显然不能再用之前的方...
npm install --save-dev vue-cli-plugin-electron-builder vue add electron-builder 配置Electron:在vue.config.js或electron-builder.config.js中配置Electron启动参数、打包选项等。 开发应用:编写Vue组件和逻辑,利用Electron的API访问系统资源。 调试与测试:利用Electron提供的调试工具或Vite的热模块替换功能进行快速开...
electron v8.2.3 目前是最高的版本,亲试有用 1.安装vue3.0以上版本,目前最新版本v4.3.1 npm i @vue/cli -g 在终端输入 vue create vue-test 按照提示直到安装完成 2.进入vue-test目录下 npm install electron@8.2.3 --save-dev 这步安装比较慢,目前cnpm淘宝源上还没有最新版,所以耐心等待 ...
"vue-template-compiler": "^2.6.10" }, ... 5.开发调试模式 electron:serve 6.打包生成exe,生成到electron-dist/中,双击exe会安装到C盘 C:\Users\cjt\AppData\Local\Programs\electron-demo electron:build 7.一些常用配置 builderOptions:{...productName:"天翼云空间",artifactName:"${productName}_安装包...
windows11、electron@28.1.3、vue3 、electron-builder@24.9.1app打包后如何让渲染进程发送的请求(axios)携带cookie?主要是会话id和一个自定义的cookie。目前使用electron的session模块,可以正常获取到SessionID(71行):设置部分也显示设置成功,并且在调试工具的Application - Cookies 中可以看到:但是渲染进程的请求中就是...