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项目已经开发完成,并且可以通过npm run build命令成功打包成静态文件。这通常会在项目的dist目录下生成一系列静态资源文件。 bash npm run build 2. 选择一个适合将静态文件转换为.exe的工具 在这里,我推荐使用Electron或NW.js。这两个工具都可以将Web应用打包成桌面应用,并生成.exe文件。由于Elec...
首先先打包vue文件我的目录结构是这样的: 然后新建vue.config.js文件 添加如下代码: module.exports = { // assetsPublicPath: './', publicPath: "./", // 公共路径(必须有的) outputDir: "dist", // 输出文件目录 assetsDir: "static", // 静态资源文件名称 lintOnSave: false, productionSourceMap: fa...
第一步:首先将vue项目中axios.js中的baseURL路径配置成后端线上IP地址以及端口号 第二步:将自己的vue项目指定指令进行打包,打包后选择在电脑中创建一个新的文件夹(这里创建deskApp) 第三步:创建完成后,将原vue打包的dist中内容复制到deskApp中,并在文件中增加package.json,内容为以下片段 { "name": "deskApp"...
1.创建一个新的文件夹用于存放新内容 2.拷贝之前文件夹内node_modules>electron>dist文件夹内全部内容到新的文件夹 3.在新文件夹>resources目录下创建一个名为app的文件夹,拷贝之前文件夹内除node_modules外所有文件到app文件夹内 4.运行新文件夹下的electron.exe文件即可运行,这个文件也可以改成任意的名字...
运行npm run test_exe打开项目 四:打包为exe文件 首先需要将build\electron.js文件和根目录下的package.json文件复制到dist/目录下, electron.js mainWindow.loadFile('./dist/index.html') 改为mainWindow.loadFile('index.html') package.json 参数"main":"build/electron.js", ...
复制dist.zip 里面的 xdg-open 文件到项目的 dist 目录下面 npm run pkg 这个命令执行时间有点长大概需要十几分钟或者更长时间,期间可能不会有任何输出内容,可以去干点其他事情,如果有警告,也不影响项目打包。一句话耐心是这个最好的解药。 运行项目 双击项目根目录 dict 目录下的 factory.exe 文件,就可以运行项...
https://developer.aliyun.com/profile/5yerqm5bn5yqg?spm=a2c6h.12873639.0.0.6eae304abcjaIB ...
一、打包Vue项目 Vue项目可以使用webpack、rollup等模块打包工具进行打包。使用这些工具可以将Vue代码和依赖项打包成一个或多个JavaScript文件。这些JavaScript文件可以在浏览器中直接运行,也可以在服务器上运行。 二、使用Electron打包Vue项目 Electron是一个开源的桌面应用程序框架,它使用Node.js和Chromium来构建跨平台的桌...
【亲测可用】用Electron和electron-builder打包Vue项目为exe可执行文件安装包(不推荐,个人觉得没有VNISEdit和NW好用,而且有些配置文件还挺脑残!) http://www.electronjs.org/docs 有时候运行安装依赖包会很慢建议在(c)npm config edit之后弹出的.(c)npmrc记事本里面加入...