在项目根目录下运行以下命令来打包Electron应用: bash npm run build 打包完成后,你将在dist_electron文件夹中找到生成的Electron应用文件(如.exe文件)。 通过以上步骤,你应该能够成功地将Vue项目打包成Electron应用。如果遇到任何问题,可以查阅Electron和Vue的官方文档,或者搜索相关的解决方案。
npm i electron --save-dev npm i electron-packager --save-dev npm install -g @electron/packager npmrunstart 启动项目 启动成功显示 Hello World! 二. 项目打包 通过将vue项目打包, 会生成一个dist文件 三. 修改electron-quick-start 文件 删除electron-quick-start 文件中的index.html,把vue项目打包的dist...
1.克隆官方demo:gitclone https://github.com/electron/electron-quick-start 2.cd electron-quick-start->npm install->npm start 到这就能运行demo了 3.将自己项目打包好的dist文件中的index.html和static文件放入electron-quick-start(跟目录)文件中,重新start一下,运行结果如图 4.在package.json中增加如下代码...
4.安装打包插件 cnpm install electron--save-dev//安装electroncnpm install electron-packager--save-dev//这个是打成exe文件的插件,之后要用,提前下载好在package.json中增加如下代码"pack":"electron-packager . 'health-terminal' --platform=win32 --arch=x64 --out=./out --asar --app-version=0.0.1...
1、创建vue项目 2、创建配置文件 const compressionPlugin =require('compression-webpack-plugin'); const webpack =require('webpack') module.exports = { devServer: { // proxy: 'http://192.168.1.14:7033' //开发环境的跨域问题解决,后端服务ip 和 端口 ...
在根文件目录的 vue.config.js 文件里(没有就自己创建),修改输出文件路径,例如: module.exports = { publicPath: "./", outputDir: 'dist' } 然后执行打包命令, npm run build 就可以得到打包后的文件夹 dist。 使用Electron 使用electron,用打包后的 dist 文件生成客户端。
"electron_dev": "electron .", "electron_build": "electron-builder" }, "main": "build/electron.js", "build": { "appId": "com.shuzhiqiang.vue", "productName": "强哥安装包名称", "copyright": "强哥版权所有", "asar": false,
将现有vue项⽬基于electron打包成桌⾯应⽤程序 ⼀、前⾔ 项⽬本来打算采⽤B/S架构去做的，只是在"⼈群中多看了你⼀眼"。⼆、使⽤electron集成桌⾯应⽤ 本⾝项⽬是使⽤vue-cli开发的，在使⽤electron之前，需要将本⾝的项⽬打包好后打开index.html能显⽰⽹页.因为...
我照着你这么改,打包以后点击登录的时候Request URL: app://./api/v1/user/login发起的请求地址是这样的,本地dev在浏览器启动项目的时候是在vue.config.js里面进行代理,在electron也没有问题也能请求到,打包以后点击登录POST app://./api/v1/user/login net::ERR_FAILED就报这样的错误 回复2022-12-12 来...
接下来教你手把手搭建一个electron+vue的开发环境。 第一步:安装nodejs windows下的NodeJS安装是比较方便的(v0.6.0版本之后,支持windows native),只需要登陆官网(http://nodejs.org/),便可以看到下载页面。 2、下载完成后双击运行进行安装,安装过程基本直接“NEXT”就可以了(全部采用默认方式安装)。(windows的安装...