如何用Electron开发桌面应用?

  • 时间:2019-01-19 18:38 作者:Luciena 来源:Luciena 阅读:457
  • 扫一扫,手机访问
摘要:背景:js、html、css目前可以开发App,小程序,网页~那可不可以开发桌面应用呢?处理方案:先不说用哪个框架,作为一名开发你大概率使用过Visual Studio Code,Atom,Github DeakTop,Play Code等等等等,你知道他们是怎样开发出来的吗?有人说那还用问,原生桌

背景:

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代码附上,欢迎参考

  • 全部评论(0)
最新发布的资讯信息
【系统环境|】怎么做才能建设好外贸网站?(2023-12-20 10:05)
【系统环境|软件环境】梦幻仙域游戏攻略(2023-12-19 10:02)
【系统环境|软件环境】梦幻仙域游戏攻略(2023-12-19 10:02)
【系统环境|】卡帕部落揭秘潮玩新宠,探究玩法(2023-12-14 09:45)
【系统环境|数据库】 潮玩宇宙游戏道具收集方法(2023-12-12 16:13)
【系统环境|】如何开发搭建卡帕部落模式源码(2023-12-12 10:44)
【系统环境|】遥遥领先!青否数字人直播系统5.0发布,支持真人接管实时驱动!(2023-10-12 17:31)
【系统环境|服务器应用】克隆自己的数字人形象需要几步?(2023-09-20 17:13)
【系统环境|】Tiktok登录教程(2023-02-13 14:17)
【系统环境|】ZORRO佐罗软件安装教程及一键新机使用方法详细简介(2023-02-10 21:56)
手机二维码手机访问领取大礼包
返回顶部