👉 Electron 是一个可以使用 Web 技术如 JavaScript、HTML 和 CSS 来创建跨平台原生桌面应用的框架。借助 Electron,我们可以使用纯 JavaScript 来调用丰富的原生 APIs。 👈 一个electron-react 栗子 🤖 1️⃣-Demo 安装 react 脚手架 终端执行命令npx create-react-app react-electron自动进行配置安装 进入re...
结合React+TypeScript进行Electron开发 1. electron基本简介 electron是使用JavaScript,HTML和CSS构建跨平台的桌面应用程序。我们可以使用一套代码打包成Mac、Windows和Linux的应用,electron比你想象的更简单,如果把你可以建
安装完create-react-app之后,我建议使用WebStorm来创建项目,因为WebStorm是现在最好的JavaScript IDE,当然如果你一定要使用命令行来创建我也没意见,只是WebStorm可以方便你之后的开发。 你安装create-react-app成功之后,就能直接在WebStorm中使用集成创建项目的方法创建一个React项目,创建项目的时候选择到React App一栏,We...
Electron相当于给React生成的单页面应用套了一层壳,如果涉及到文件操作这类的复杂功能,那么就要依靠Electron的主进程,因为主进程可以直接调用Node.js的API,还可以使用C++插件,这里Node.js的牛逼程度就凸显出来了,既可以写后台的CRUD,又可以做中间件,现在又可以写前端。 谈谈技术选型 使用React去做底层的UI绘制,大项目...
Electron.js 是一个使用 JavaScript, HTML 和 CSS 构建跨平台桌面应用程序的框架。结合 TypeScript 和 React 可以创建出强大且易于维护的应用程序。以下是如何配置 Electron.js 使用 TypeScript 和 React 的步骤: 基础概念 Electron.js: 一个框架,允许开发者使用 web 技术构建桌面应用程序。 TypeScript: Jav...
Electron是一个使用JavaScript、HTML和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js到 二进制的 Electron 允许您保持一个JavaScript代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。 react React 是一个声明式,高效且灵活的用于构建用户界面的JavaScript库。使用 React...
react@16.13.1 redux@4.0.5 parcel-bundler@1.12.4 Node v14.2.0 Mac OS X Catalina 10.15.3 electron.js const electron = require("electron"); const app = electron.app; const BrowserWindow = electron.BrowserWindow; const path = require("path"); ...
使用JavaScript,HTML和CSS构建跨平台的桌面应用程序。 这不就是我们想要的嘛,业界著名的Visual Studio Code就是用electron来构建的,就它了。 由于项目是使用的react搭建的,并且已经部署完成,我们这里就不再对业务上进行过多的更改。这里仅仅介绍怎样在已有的基础上使之变成一个桌面应用。
npm install-g create-react-app 安装完create-react-app之后,我建议使用WebStorm来创建项目,因为WebStorm是现在最好的JavaScriptIDE,当然如果你一定要使用命令行来创建我也没意见,只是WebStorm可以方便你之后的开发。 你安装create-react-app成功之后,就能直接在WebStorm中使用集成创建项目的方法创建一个React项目,创建...
用Electron创建一个桌面应用很简单,但是用HTML+Javascript肯定会需要用到一些前端库来辅助开发。 目前比较主流的前端库Vue.JS、AngularJS以及ReactJS。三个库/框架都很优秀,不过我选择了React。 React创建一个项目其实很繁琐,因为它用了JSX,所以需要配置Babel、webpackorBrowserify ...