前言
之前在水群的时候,有群友提到过electron这一跨端解决方案,可惜当时是期末,没什么时间来尝试这一个东西。现在暑假有时间了,就来试一试这一个跨端的解决方案。
安装
electron对于vue框架还是比较友好的,已经有electron-vue这一兼容的模版了,所以如果原来的项目就是用vue-cli创建的话,安装electron也会很方便。
需要环境
- node
- vue
步骤
- 已有vue-cli项目安装electron
vue add electron-builder
- 运行
- npm run electron:serve
- 打包
- npm run electron:build
效果
试验的项目就是本站的博客网站项目,效果见下图 看起来效果还是不错的,基本上完美还原网页端。
踩坑
刚装上去还是会有很多问题的,等我踩完坑再更新这一部分。