Electron 初体验，用 js 搭建桌面应用程序

Electron 简介

Electron 可以构建跨平台桌面程序(Mac、Windows、Linux)，是一个使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架,它负责比较难搞的部分,你只需把精力放在你的应用的核心上即可。相当于你会js、html 你就可以开发一个桌面程序，又给前端工程师扩展另外一条选择。

开源例子

vs code

微软家的编译器、也是大批开发者用的编译器也是用它开发的。

github 的 Atom 编译器

音乐播放器

不止编译器，Electron + vue 开源的音乐播放器

有兴趣的朋友可以参考一下，地址贴出：https://gitee.com/mirrors/electron-vue-music

…

前端基础设施搭建

搭建：node、npm、cnpm

参考我往期博客：https://juejin.im/post/6889414785289420814

安装 electron

cnpm install  -g  electron

大概 20 秒

验证electron否安装成功

electron -v

使用git克隆一个electron官方的helloworld，并执行以下命令

# 克隆项目仓库
git clone https://github.com/electron/electron-quick-start# 进入这个仓库
cd electron-quick-start# 运行
electron .

运行成功后：

electron官方文档：
https://www.electronjs.org/

Electron 初体验，用 js 搭建桌面应用程序相关推荐

golang Linux桌面程序,舍弃Electron，使用HTML5 + Golang创建桌面应用程序
Electron软件框架,允许使用JavaScript创建桌面GUI应用程序接口,并依赖于一个绑定的Chromium + Node.js运行时在大多数Linux桌面用户中名声不是很好,因为它的资源很重 ...
我的Go+语言初体验——iPad上搭建Go+开发环境（ish版）
目录欢迎来到用iPad来学习Go+之旅一.在 iPad 安装 Go+ 前的准备 1. iSH Shell 的作用 2. 安装 iSH Shell 3. 在 iSH 里安装一些常用软件 apk 命令 ...
window下使用nw.js开发桌面应用程序环境的搭建
安装node window下去node官网下载长期支持版本或者最新稳定版都可以. 按装nw用来管理和按装nw.js npm install -g nrm # 用来设置npm镜像地址 npm insta ...
linux下s3c2440开发板,SAMSUNG S3C2440 ARM LINUX 开发板上手初体验 --开发环境搭建
1,linux开发环境搭建 2,程序测试 easyOpentag驱动安装,打开连接,选择ARM-linux 1,环境搭建我的系统版本 root@ubuntu:~# lsb_release -a No ...
【Electron】使用Electron将web项目打包成桌面应用程序
目录一.所需环境&打包前准备 1.安装node.js 2.安装electron 3.web项目二.打包过程 1.打包配置 2. 安装打包器 3.执行打包命令: Electron是由GitH ...
我的Go+语言初体验--Go+之环境安装与程序编码初体验
一.Go+ 简介对于 Go+ 工程而言: Go+ 将支持所有 Go 功能(包括部分支持 cgo): Go+ 提供了更简单优雅的语法,比 Go 更接近自然语言: Go+ 易于学习,不必在一开始就处理工 ...
十分钟轻松入门 nw.js 实现桌面应用程序
最近别的组有项目里面使用了 nw.js 去实现了桌面应用程序,出于好奇,我查找了一些资料,准备了解一下入个门. 什么是 nw.js https://github.com/nwjs/nw.js node ...
pythonelectron桌面开发案例_使用Electron开发基于Node.js的桌面应用
最近小编在查看分享资料时,发现一个可以开发跨平台桌面应用的框架--NW.js(原名:node-webkit).正当小编兴致勃勃的研究NW.js的时候,最基础的安装环节出了问题.无论用npm还是cnpm ...
使用electron-vue搭建桌面应用程序项目
vue-cli+electron一种新的脚手架(vue-electron) vue-electron主要业务逻辑都放在src下的renderer文件夹内,和之前的vue-cli搭建项目流程没有任何区别 ...