electron+vue开发桌面应用

electron

Electron相当于一个浏览器的外壳,可以把网页程序嵌入到壳里面,可以运行在桌面上的一个程序,可以把网页打包成一个在桌面运行的程序,通俗来说就是软件,比如像QQ、优酷、网易音乐等等。功能的强大超出你的想象,可以构建跨平台桌面程序,本身支持node.js,可以使用node.js的一些模块。

开始搭建

开始搭建前要保证计算机具备node.js环境和vuecli脚手架工具

一 : 创建vue项目

$ vue create electron_demo

electron+vue开发桌面应用
electron+vue开发桌面应用
electron+vue开发桌面应用
electron+vue开发桌面应用

二 : 全局安装electron

$ cnpm install -g electron
//这里推荐使用cnpm,因为包过大,npm安装等待时间过长
//

三 : 自动安装electron

进入到项目根目录,执行:

$ vue add electron-builder

electron+vue开发桌面应用

四 : 编译

$ npm run electron:serve

首次启动较慢,请耐心等待.编译成功后出现此页面
electron+vue开发桌面应用
注:编译阶段有可能会出现此错误信息
electron+vue开发桌面应用解决:输入下方指令后重新运行项目

$ cnpm i electron-builder -S
具体electronApi请参考 官方文档
上一篇:web前端技术分享Electron之Renderer Process API


下一篇:electron10 集成agora-SDk