Electron-vue桌面应用程序开发

Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库https://electronjs.org/docs

vue init simulatedgreg/electron-vue 你的项目名称 根据提示安装

npm install 安装依赖如果出现问题。

npm install -g yarn

安装环境,开发模式运行和打包命令分别是

yarm instal

yarm run dev

yarm run build(因为之前利用npm ru

n build安装一直失败)下面是安装成功后的最后显示效果

Electron-vue桌面应用程序开发

Electron-vue桌面应用程序开发

 1.调整窗口大小

登录窗口300*300 登录成功调整到800*600 。

在创建的主程序中创建函数,并且写好回调函数 (一句话,在渲染程序中通过回调的形式进行调整)

Electron-vue桌面应用程序开发

然后在你需要显示变大的窗口中进行调用

Electron-vue桌面应用程序开发

Electron-vue桌面应用程序开发

刚开始做这个electron项目。慢慢补充