6. 打包应用程序:在命令行中运行以下命令,将Vue项目打包成exe文件: ` electron-packager . my-vue-app --platform=win32 --arch=x64 --out=release-builds --overwrite ` 这个命令将当前目录下的项目打包成名为my-vue-app的应用程序,输出到release-builds目录下。 7. 完成打包后,在release-builds目录下可以...
npm install -g @electron/packager npmrunstart 启动项目 启动成功显示 Hello World! 二. 项目打包 通过将vue项目打包, 会生成一个dist文件 三. 修改electron-quick-start 文件 删除electron-quick-start 文件中的index.html,把vue项目打包的dist文件放进去。 打开electron-quick-start 文件里的main.js文件,附上mi...
将Vue项目打包成exe文件,通常我们会使用Electron框架来将Vue应用封装成一个桌面应用,并通过electron-builder来打包成exe格式。以下是详细的步骤,包括必要的代码和配置: 1. 安装并配置electron-builder 首先,你需要在Vue项目中安装electron和electron-builder。如果你的项目是通过Vue CLI创建的,可以使用Vue CLI插件来简化安...
npm run build 1. 打包完成之后会在目录中生成dist文件 可以在浏览器打开dist中的index.html文件查看是否白屏,如果白屏可能是路由模式的问题 不要使用 history模式 这样的话我们的静态文件就准备好了 打包成App 这里使用的是 electron 官方网址:https://www.electronjs.org/ 在桌面上新建一个文件夹 exe 在里面按住...
安装electron-builder依赖:vue add electron-builder 运行桌面程序:npm run electron:serve 打包应用程序:npm run electron:build 更新应用程序:npm i electron-updater --save electron-builder 教程 一、本人比较笨,拷贝原始项目后,安转依赖并启动 执行命令:npm install ...
单纯的打包exe(不含更改exe桌面图标以及内容图标) 前言:首先我们需要有一个自己的vue项目。 1)单纯前端自己玩的vue项目 2)前后端联调的项目 注释:如果为第一种可以忽略下面步骤一 第一步:首先将vue项目中axios.js中的baseURL路径配置成后端线上IP地址以及端口号 ...
Vue项目打包成exe 实现思路:从electron官网上拉取代码,把官网上拉取下来项目中的index.html替换成 自己vue项目打包好的dist文件中的index.html,输入打包exe的命令即可 1.拉取electron官网上的demo,拉下来之后安装依赖,项目跑起来之后,就不用管demo了,开始配置自己的Vue项目 ...
用vue-cli脚手架搭建vue项目后,再用以前的方法打包项目就不太行了就需要新的方法了 一、初始化项目 1.先运用交手架搭建一个项目,cnpm i将所需组件下载 2.下载nwjs cnpm install nw@0.14.7-sdk --save-dev 二、使应用以nw启动 1. 修改package.json文件,在dev命令最后添加 --open nw ...
Electron现在挺火的,官网的标语是使用 JavaScript,HTML 和CSS构建跨平台的桌面应用程序。只是没有具体的使用开发项目,所以只是试试创建一个vue项目和用老项目试试能不能打包出来。 新建项目和直接用老项目都试了,查到的有好几种方法,这边就使用一种,觉得比较简单。
使用electron-vue可以将vue的项目打包成exe应用。 但是这种方式对于一开始使用electron-vue建立项目架构模板比较好,那样可以往上递增式的添加项目。 但是说如果说vue项目已经开发完成,并没有使用electron-vue来搭建项目模板,那么后期对于项目的 合并和迁移以及路径的修改等问题都是麻烦事。