使用electron将web站点打包为桌面版App
将npm包使用国内包
npm config set registry https://registry.npm.taobao.org
最好使用cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
Electron Forge 是一个用来构建现代化Electron应用的利器,我们这里也采用Electron Forge来构建的项目。 关于Forge的更多信息,请查阅 electronforge.io 安装electron-forge
cnpm i -g @electron-forge/cli
接下来就可以就可以愉快的使用electron-forge来构建项目了,详情可参考 https://www.electronforge.io/cli
下面的命令在当前目录下建立一个my-project目录,里面就是我们的工程代码了,同时这里指定了使用vue模板,如果不指定的话,默认会使用ES6/7的模板
electron-forge init my-project --template=vue
运行下面的命令后就会启动我们的应用了,命令没有带路径,表示默认使用当前目录
electron-forge start
打包,并将打包文件放在out\make目录下
electron-forge make
需要注意的是只能打包你当前机器的平台包,比如你用OSX是无法打出windows平台安装包的。
本项目相当于一个模板,欢迎大家参考和使用,使用方法: clone 该项目到本地,因为这个项目已经初始化过,所以只需要cnpm install就可以了,然后将configs/example.js中的信息,如URL,图片等替换为自己的即可。 安装好electron-forge后,electron-forge start 就可以启动项目了,electron-forge make便可以轻松打包。