当前位置: 首页 > news >正文

centos下打包electron_electron安装

electron 的混合桌面之路

首先假装很厉害的样子介绍一下Github 官方制作的Atom代码编辑器,这个编辑器是使用electron技术开发的号称21世纪最富有变化的可扩展的编辑器(A hackable text editor for the 21st Century)。

界面简单直观,代码高亮,智能提示补全的功能都还算强大贴心

它可拥有灰常多的插件,插件的编写也十分便利,javascript就可以为其写插件

最重要的是它让无数人看到了HTML/CSS/JS桌面程序的未来

electron 究竟是个啥?

一句话:这是个在Node.js平台上运行的为了一些专门的功能而制作的浏览器

node.js: 一个编程专用的浏览器环境,可写JavaScript

electron: 打包了一个特制的chrome浏览器和node.js ,然后我们加载网页就行了,嚯嚯哒

那么,怎么使用这个electron,牛的很的技术呢

主要有以下几个步骤:

下载并安装node.js

检查node.js和npm是否安装成功(npm就是node.js 的一个商店,专门提供各种小功能【各种模块】)

下载electron,注意:在线安装不行的话请出门右转选择离线安装

安装electron或者直接使用

编写第一个应用

1.下载并安装node.js

node.js官网:https://nodejs.org/en/ 建议下载 4.x的版本,这个版本已经实现对ES6不错的支持了

2.检查node.js和npm是否安装成功

命令行:node -v

命令行:npm -v

3.下载electron

- 命令行:npm install electron -g (加g 全局安装,自动添加到环境变量)

- 命令行:cd your-app-path

- 命令行:electron .\ (应用跑起来)

4. 离线下载

4.安装electron或者直接使用

如果上面的步骤没有出现错误提示,那么直接使用即可,: D

命令行:electron .\ (你编写的应用的那个文件夹下执行)

离线安装的同学,请戳开electron.exe 把那个文件夹甩进去

5.编写第一个应用

随便弄个文件夹,新建一个文件:package.json

打开package.json,写入如下内容

JSON格式

name -> 你的应用名字

version -> 版本号

main: ->程序的主逻辑文件,node.js的写法

编写main.js,写入内容如下

剩下的事情就是如何编写页面了,看官方文档吧,骚年!

我感觉优化的好的的话,以后Photoshop都可以用electron写!

当然C/C++的功底是必须的,哈哈!

PS. 现在可以用ES6写electron了,兼容性问题不大!

electron 参考工具链:http://electron.atom.io/community/

LOL全新客户端也要用electron(准确的说的是直接编译的CEF)

相关文章:

  • easyui 提示框组件_Jquery Easyui对话框组件Dialog使用详解(14)
  • vasp 模拟退火_vasp的分子动力学模拟
  • 8屏幕滚动_刘小东、徐冰、艾敬等艺术家用短视频作品探讨“在屏幕里生活”...
  • native react 更新机制_[React-Native] 实现增量热更新的思路
  • combox数据过滤 wpf_ComboBox实现输入自动过滤
  • mysql 数据库表被锁住了_MYSQL数据库MYSQL 解锁与锁表介绍
  • 华为设备如何将接口配置为中继模式_华为5700系列交换机常用配置示例
  • 前端图片合成技术_前端图片合并方案调研
  • 可靠性测试设备技术含量_设备软件可靠性测试
  • plsql怎么用字段查表明_在oracle中怎么通过字段名查询其所在的表
  • 微信小程序云开发用户身份登录_微信小程序+云开发实现欢迎登录注册
  • pandas提取时间里面的年月日_pandas进行时间数据的转换和计算时间差并提取年月日...
  • iserdese2接口详解_Xilinx Notes
  • postman启动没反应_高压软起动通电没反应维修控制器烧毁
  • python策略模式包含以下哪些角色_python---策略模式
  • 【挥舞JS】JS实现继承,封装一个extends方法
  • Angular6错误 Service: No provider for Renderer2
  • Apache的基本使用
  • HTML-表单
  • iOS | NSProxy
  • Java方法详解
  • JSDuck 与 AngularJS 融合技巧
  • python 装饰器(一)
  • 阿里研究院入选中国企业智库系统影响力榜
  • 案例分享〡三拾众筹持续交付开发流程支撑创新业务
  • 电商搜索引擎的架构设计和性能优化
  • 基于组件的设计工作流与界面抽象
  • 使用agvtool更改app version/build
  • 提升用户体验的利器——使用Vue-Occupy实现占位效果
  • 推荐一个React的管理后台框架
  • 微信小程序填坑清单
  • 我的zsh配置, 2019最新方案
  • 一道闭包题引发的思考
  • mysql 慢查询分析工具:pt-query-digest 在mac 上的安装使用 ...
  • NLPIR智能语义技术让大数据挖掘更简单
  • ​Distil-Whisper:比Whisper快6倍,体积小50%的语音识别模型
  • ​业务双活的数据切换思路设计(下)
  • #pragma 指令
  • (06)金属布线——为半导体注入生命的连接
  • (3)Dubbo启动时qos-server can not bind localhost22222错误解决
  • (多级缓存)缓存同步
  • (亲测)设​置​m​y​e​c​l​i​p​s​e​打​开​默​认​工​作​空​间...
  • (淘宝无限适配)手机端rem布局详解(转载非原创)
  • (原)记一次CentOS7 磁盘空间大小异常的解决过程
  • (转)http协议
  • .bat批处理(七):PC端从手机内复制文件到本地
  • .net 验证控件和javaScript的冲突问题
  • .net分布式压力测试工具(Beetle.DT)
  • @ 代码随想录算法训练营第8周(C语言)|Day53(动态规划)
  • @JsonSerialize注解的使用
  • [ Algorithm ] N次方算法 N Square 动态规划解决
  • [ solr入门 ] - 利用solrJ进行检索
  • []我的函数库
  • [AI]文心一言爆火的同时,ChatGPT带来了这么多的开源项目你了解吗
  • [Android View] 可绘制形状 (Shape Xml)