Electron+React开发桌面应用 之Electron环境快速配置 :脚手架

本文介绍了如何使用Electron和React开发桌面应用,详细步骤包括环境搭建、Electron环境安装、使用create-react-app创建工程、安装Electron并添加启动命令、创建Electron启动文件main.js以及修改package.json文件来指定main字段和homepage。
摘要由CSDN通过智能技术生成

环境搭建

前提是安装好npm和nodejs,安装以下开发环境,若安装失败则尝试翻墙或者使用淘宝镜像cnmp

electron环境安装

npm install -g electron-prebuilt
npm install -g electron-packager
// create-react-app安装
npm install -g create-react-app
npm install -g react-scripts
## 创建demo

在要创建工程的目录下使用命令create-react-app projectName创建工程:

create-react-app desktop-demo

装electron以及增加启动命令:

使用命令npm install -save electron安装electron
在脚本里添加启动命令"electron-start": "electron ." 

创建Electron的启动文件main.js

const electron = require('electron')
// Module to control application life.
const app = electron.app
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值