将Vue项目代码打包成桌面应用

参考 electron 官网
第一步：
安装Vue脚手架Vue CLI只能用最新版，建议在用官网最新命令行

npm install -g @vue/cli

第二步：
创建vue项目

vue create electron-app

第三步：
切换路径

cd electron-app

第四步：

过程中需要选择Electron版本，选择最新版即可,对应官网配套node的版本我这个是16.3.3 对应node14.8.1否则会出现报错,根据报错提示安装electron版本，正常不报错。

安装electron-builder

   vue add electron-builder

第五部：
运行项目

npm run electron:serve

安装期间报错异常情况解决方法：
第一种安装对应版本

   npm i -D electron@16.3.3

第二种安装淘宝镜像


```javascriptnpm config set electron_mirror "https://npm.taobao.org/mirrors/electron/"

第六步：
把项目打包成exe应用程序

npm run electron:build

打包好后文件存放在dist_electron目录下的win-unpacked当中

将Vue项目代码打包成桌面应用相关推荐

Electron项目怎样打包成桌面exe应用
场景用HTML和CSS和JS构建跨平台桌面应用程序的开源库Electron的介绍以及搭建HelloWorld: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/a ...
如何修改vue打包的名字_关于Vue项目如何打包成带有访问前缀URL（二级域名）的vue发布包及自定义打包包名（默认都是dist）的二三事...
由于vue项目使用的是vue-cli脚手架,在脚手架更新到3.7.0版本后,使用vue create指令生成项目时并没有显示集成webpack的选项和生成对应配置文件,这使得webpack直接内嵌进v ...
【Electron】使用Electron将web项目打包成桌面应用程序
目录一.所需环境&打包前准备 1.安装node.js 2.安装electron 3.web项目二.打包过程 1.打包配置 2. 安装打包器 3.执行打包命令: Electron是由GitH ...
Vue 打包成桌面应用 vue打包成桌面应用 vue 打包桌面应用 vue 部署桌面应用 vue部署为桌面应用 vue部署为桌面应用 vue 桌面应用
文章目录使用到的工具 electron 第一步打包 dist 第二步创建配置文件 main.js package.json 第三步安装 Electron 第四步测试运行第五步安装 el ...
用node-webkit把web应用打包成桌面应用
自己参加的web项目,最后发现被公司封装成了桌面应用,所以一直好奇是怎么加壳的,在网上找资料后终于发现了一些方法,我找到了三种方法可实现:JWebBrowser(基于IE内核,使用时会发现很多html ...
vs2017python如何打包exe_VS2017项目程序打包成.msi或者.exe
VS2017项目程序打包成.msi或者.exe 1.安装打包插件:Microsoft Visual Studio 2017 Installer Projects 打开vs2017 ,选择工具 --& ...
将网站打包成桌面程序并生成安装包（跨平台）
一.Nativefier将网站打包成桌面程序介绍 Nativefier 是一个命令行工具,仅仅通过一行代码就可以轻松地为任何的网站创建桌面应用程序,应用程序通过 Electron打包成系统可执行文件 ...
vue项目通过Electron生成桌面应用
vue项目通过Electron生成桌面应用一.安装 1. 把electron的官方demo下载下来 2. 安装cnpm 3. npm start 启动electron 4. 修改vue项目 5. 打 ...
java代码打包成jar以及转换为exe
教你如何把java代码打包成jar文件以及转换为exe可执行文件 1.背景: 学习java时,教材中关于如题问题,只有一小节说明,而且要自己写麻烦的配置文件,最终结果却只能转换为jar文件.实在是心有 ...

将Vue项目代码打包成桌面应用

将Vue项目代码打包成桌面应用相关推荐

最新文章

热门文章