玩转Electron-搭建

水深无声 2022-03-15 13:38 213阅读 0赞

# electron #

electron是gitHub推出的桌面应用开发，基于electron比较典型的应用软件有github desktop, VS code开发工具以及蚂蚁推出的蚂蚁开发者工具等等。

## 优点 ##

*  electron基于node开发，意味着可以调用node中的api
 *  桌面应用可以调用本地资源包括硬件资源，例如打印机，摄像头，扫描仪等，以及os本身的资源，例如mac中的touchbar 和 Docker。

## 搭建开发环境 ##

*  本地安装node https://nodejs.org/en/
 *  使用npm 全局安装 electron 包，运行下面命令
    
        npm install electron -g
 *  本地升级electron，运行下面命令
    
        npm update electron -g
 *  查看本地electron的版本
    
        electron -v

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODA4MDU3Mw_size_16_color_FFFFFF_t_70]入上图所示，出现electron版本号即可说明安装成功了。  
在终端直接输入electron 命令回车会弹出electron的一个工具窗口，上面会显示当前系统的一些信息，比如本地Node版本信息，electron版本信息，一些Bolg和github的地址还附有一些demo.  
![在这里插入图片描述][20190303101914862.gif]  
至此，本地环境上就搭建好了electron应用。接下来就可以用electron愉快的开发了。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zODA4MDU3Mw_size_16_color_FFFFFF_t_70]: /images/20220315/ccf7c15cc5304b4582b1ab13dbe5b3a9.png
[20190303101914862.gif]: /images/20220315/a14225ffd0bf447e841b13882ad3e63d.png

发表评论取消回复

表情：

评论列表（有 0 条评论，213人围观）

还没有评论，来说两句吧...

相关阅读

相关 Electron Vue 项目搭建

1. 查看 node 版本： node -v C:\Users\xuxiaowei>node -v v12

柔光的暖阳◎/ 2023年07月07日 11:25/ 0 赞/ 5 阅读

相关 electron入门教程：带你两小时玩转electron轻松实现桌面应用

electron是使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序, 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。

曾经终败给现在/ 2022年12月20日 03:19/ 0 赞/ 222 阅读

相关 Electron-Vue-ElementUI环境搭建

文章目录导读以前的方法新的方法踩坑记录导读一开始`Vue`生态还尚未完善的时候，`Electron`和其他框架很难整合。现在`

迷南。/ 2022年12月10日 14:41/ 0 赞/ 266 阅读

相关 Electron使用指南 - [09] 环境搭建

1、搭建 Electron 环境在你认为合适的目录下创建 readit-vue 目录，在终端命令行里输入命令： cd 你认为合适的目录/readit-vue

ゝ一世哀愁。/ 2022年12月02日 13:51/ 0 赞/ 205 阅读

相关 Electron使用指南 - [02] 搭建 Electron 运行环境

1、安装 Electron npm install electron -S 2、尝试官网的一个案例克隆这仓库 git clone ht

拼搏现实的明天。/ 2022年12月01日 14:07/ 0 赞/ 174 阅读

相关 Electron 开发环境搭建（仅供自己学习）

开发环境 macOS 开发环境配置 Winodws开发环境配置 Linux开发环境配置编辑器 END macOS 开发环境配置 E

深碍√TFBOYSˉ_/ 2022年11月29日 13:02/ 0 赞/ 169 阅读

相关快速无副作用搭建Java 17环境并玩转Record特性

![4050207b001925fb72dc308a3dd1121a.gif][] Java 17现在已经发布，不少同学蠢蠢欲试，但是又担心配置新的JDK会影响现在的项目环境

深藏阁楼爱情的钟/ 2022年09月12日 00:11/ 0 赞/ 46 阅读

相关玩转Electron-搭建

electron electron是gitHub推出的桌面应用开发，基于electron比较典型的应用软件有github desktop, VS code开发工具以及蚂蚁

水深无声/ 2022年03月15日 13:38/ 0 赞/ 214 阅读

相关 electron+vue框架搭建桌面应用

electron+vue相关文档： [https://github.com/SimulatedGREG/electron-vue][https_github.com_Simu

逃离我推掉我的手/ 2021年09月29日 15:24/ 0 赞/ 760 阅读

相关 electron electron-forge脚手架环境搭建

1、创建 npx create-electron-app xx 2、启动 npm start 3、打包成.exe

拼搏现实的明天。/ 2021年07月24日 17:27/ 0 赞/ 533 阅读