问答

vue-cli 创建的项目搭配 electron 如何使用?

作者:admin 2021-09-15 我要评论

网上教程都是基于 electron-vue 库快速创建模板的,但是版本太老,想直接采用 vue-cli 新建一个项目,然后手动配置 electron,但是发现 electron 主文件 main.js...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

网上教程都是基于 electron-vue 库快速创建模板的,但是版本太老,想直接采用 vue-cli 新建一个项目,然后手动配置 electron,但是发现 electron 主文件 main.js loadFile 需要一个 html 模板,而 vue 开发模式下生成的 index.html 是在内存中的,electron main.js 加载不了,有什么办法可以让 vue 和 electron 完美兼容,且支持开发模式和热更新。

###

你说的electron-vue这个,我推荐你用的vue-cli-plugin-electron-builder这个。虽然星星少很多,但我感觉后者更好用,更符合vue-cli理念。至于有多少坑,需要你自己趟过才知道,这里不细说。

###

vue dev 下会有一个 地址生成 如 http://192.168.0.1:8080 你在 main.js 里面直接引用那个地址就行了

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • vue-cli 创建的项目搭配 electron 如何

    vue-cli 创建的项目搭配 electron 如何

  • localStorage怎样动态存储表单里面的值

    localStorage怎样动态存储表单里面的值

  • react-native 如何切换横竖屏?

    react-native 如何切换横竖屏?

  • 关于移码的问题

    关于移码的问题

腾讯云代理商
海外云服务器