如何用Electron开发桌面应用?

背景:

js、html、css目前可以开发App,小程序,网页~
那可不可以开发桌面应用呢?

解决方案:

先不说用哪个框架,作为一名开发你大概率使用过Visual Studio Code,Atom,Github DeakTop,Play Code等等等等,你知道他们是怎么开发出来的吗?

有人说那还用问,原生桌面应用~

答案可能往往不是,他们都是用这个Electron框架来编写的

他的官网有这么一句话:使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用

真的是酷~

实践的方式如下:

第一步:配置环境

全局安装

  • vue
  • vue-cli
  • vue-electron

第二步:初始化项目

1.创建文件名为demo的文件

vue init simulatedgreg/electron-vue demo

2.一路回车

3.文件创建完毕

4.接下来按照写vue的习惯开始撸就行了

第三步:项目命令

  • 本地跑项目
npm run dev 
  • 编译打包
npm run build

打包后的文件将输出在demo/build文件夹下

至此demo完成
Demo代码附上,欢迎参考

    原文作者:Luciena
    原文地址: https://www.jianshu.com/p/8de0b8228d51
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞