玩转Electron-搭建

水深无声 2022-03-15 13:38 228阅读 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 条评论，228人围观）

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

相关阅读

相关 Electron环境搭建详细讲解

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

「爱情、让人受尽委屈。」/ 2023年10月06日 14:37/ 0 赞/ 17 阅读

相关 Electron Vue 项目搭建

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

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

相关 electron项目搭建步骤

最近由于需要做一款跨平台的桌面应用，所以选择使用electron来作为开发的框架，下面说一下如何搭建一个简单的electron项目: 准备工作：（1）下载安装git：[htt

水深无声/ 2023年06月17日 03:54/ 0 赞/ 20 阅读

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

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

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

相关 Electron-Vue-ElementUI环境搭建

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

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

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

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

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

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

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

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

相关玩转Electron-搭建

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

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

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

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

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

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

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

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