微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

electron+vue开发桌面应用

electron

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

开始搭建

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

一 : 创建vue项目

$ vue create electron_demo

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

二 : 全局安装electron

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

三 : 自动安装electron

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

$ vue add electron-builder

在这里插入图片描述

四 : 编译

$ npm run electron:serve

首次启动较慢,请耐心等待.编译成功后出现此页面

在这里插入图片描述


注:编译阶段有可能会出现此错误信息

在这里插入图片描述

解决:输入下方指令后重新运行项目

$ cnpm i electron-builder -S
具体electronApi请参考 官方文档

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐