electron使用体验

2021-7-19 15:29:29

#electron

14

前言

之前在水群的时候,有群友提到过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

效果

试验的项目就是本站的博客网站项目,效果见下图 看起来效果还是不错的,基本上完美还原网页端。

踩坑

刚装上去还是会有很多问题的,等我踩完坑再更新这一部分。