electron 将 vue项目打包成桌面应用(exe文件)

目标如题
首先你需要一个VUE项目
简单创建一个栗子

// 这是vue-cli 3.0的创建方式 2+版本好像是 vue init webpack my-app 貌似
vue create my-app

这里不做具体 毕竟每个人的项目不一样 如果也是想尝试一下 大家可以一路默认创建一个项目就可以了

安装electron 不知道的戳链接https://blog.csdn.net/zcy_csdn123/article/details/102485857
简单的说 正常安装太慢太慢 使用淘宝镜像
然后克隆一个electron 官网的例子

# 克隆这仓库
$ git clone https://github.com/electron/electron-quick-start
# 进入仓库
$ cd electron-quick-start
# 安装依赖库
$ npm install
# 运行应用
$ npm start

然后 你得到了两个项目 my-app electron-quick-start
分别启动这两个项目 看是否能正常运行
VUE的不说了,electron 的项目启动后 弹出一个应用框, 里面有hello word 内容

下面是重点了
在my-app项目的package.json 中scripts下添加2行 如下

"scripts": {
   
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "electron_dev": "npm run build && ele
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值