Electron开发桌面应用(1)：环境准备、入门Demo搭建

最新推荐文章于 2024-08-08 22:00:00 发布

ruyulin

最新推荐文章于 2024-08-08 22:00:00 发布

阅读量6.2k

点赞数 1

分类专栏： election 文章标签：桌面应用跨平台 nodejs electron

本文链接：https://blog.csdn.net/ruyulin/article/details/78885029

版权

本文介绍了如何使用Electron构建跨平台的桌面应用。首先，需要准备Node.js运行环境，然后设置Electron开发环境。接着，通过创建项目、添加依赖、编辑package.json、建立main.js和index.html完成入门demo。最后，提供了项目的测试启动方法及下载链接，还提及了配置启动logo的后续步骤。

摘要由CSDN通过智能技术生成

介绍

Electron 是使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用。
具体介绍参考官方网站：
https://electronjs.org/

环境准备

nodejs 运行环境
nodejs安装，请参考：http://blog.csdn.net/ruyulin/article/details/78877597
electron 开发环境

npm install electron

入门demo

创建项目：

E:\NodeStu>mkdir demo

E:\NodeStu>cd demo

E:\NodeStu\demo>npm init -y
Wrote to E:\NodeStu\demo\package.json:

{
  "name": "demo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

添加依赖：

E:\NodeStu\demo>npm install electron -S

> electron@1.7.10 postinstall E:\NodeStu\demo\node_modules\electron
> node install.js

npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN demo@1.0.0 No description
npm WARN demo@1.0.0 No repository field.

+ electron@1.7.10
adde