# 用 TypeScript 构建 Electron 应用环境
在软件开发中，Electron 是一个流行的框架，它允许开发者使用 web 技术（如 HTML、CSS 和 JavaScript）来构建桌面应用。通过结合 TypeScript，开发者可以享受强类型、静态分析等优秀特性，从而提高代码的可维护性和可读性。本文将带您深入了解如何在 Electron 中设置 TypeScript 环境，并
# 使用React、TypeScript和Electron构建跨平台桌面应用
随着技术的不断进步，我们现在可以使用Web技术来开发跨平台的桌面应用程序。React和TypeScript是目前非常流行的前端开发技术，而Electron是一个强大的桌面应用程序开发框架。本文将带您深入了解如何使用React、TypeScript和Electron来构建跨平台的桌面应用程序。
## 什么是React？
原创
2023-10-16 09:18:16
67阅读
# 使用 Electron 和 TypeScript 打包你的应用程序
在现代前端开发中，Electron 是一个强大的框架，可以让开发者使用 JavaScript、HTML 和 CSS 来构建跨平台的桌面应用程序。结合 TypeScript，我们可以在开发中享受静态类型检查带来的好处。本文将介绍如何使用 Electron 和 TypeScript 打包应用程序的基本流程，并通过示例代码进行详细
一、框架说明 vite是一种新型前端构建工具，能够显著提升前端开发体验。由尤大推出，其发动态表示“再也回不去webpack了...” Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入Chromium和Node.js到二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 ma
转载
2023-08-04 19:43:12
222阅读
开发一款功能完整的桌面应用，通常不会使用记事本去完成所有的开发工作，核心的开发工作一般会在 IDE（集成开发环境，Integrated Development Environment）中完成。由于 Electron 应用主要使用 Web 技术（HTML、CSS 和 JavaScript）开发，因此只要支持编辑 JavaScript、HTML、CSS 代码的 IDE，都可以开发 Electron 应
转载
2023-07-20 14:30:29
301阅读
前言：最近因为要帮别人做一个Mac和Windows平台下都使用的桌面应用，功能很简单，就是一个文本编辑器，所以大致了解了一下跨平台桌面应用开发的框架，知乎上多半是 Electron 和 NW.js，其中 Electron 比较成熟的产品有：Github开发的Atom代码编辑器（已经开源）、微软的Visual Studio 、facebook的 nuclide 和 slack等。什么是
转载
2024-02-03 22:50:01
22阅读
什么是 React ⚛️React 是 Facebook 开发的一个 JavaScript 库，除其他外，它还用于构建 Instagram.com。它的目的是让开发人员能够轻松地为网站和应用程序等创建快速的用户界面。React 的主要概念。js是虚拟DOM什么是Electron.jsElectron.js 是一个运行时框架，允许用户使用 HTML5、CSS 和 JavaScript 创建桌面套件应
原创
2023-02-13 13:58:10
1481阅读
本实例实现一个数字电子钟程序，效果图如下图显示于桌面上，并可随意拖动至桌面任意位置。具体实现代码如下：1. from PyQt4.QtGui import *
2. from PyQt4.QtCore import *
3. import sys
4.
5. class DigiClock(QLCDNumber):
6. def __init__(self,parent=No
转载
2024-07-16 12:35:31
43阅读
# Electron + Element Plus + TypeScript 实现指南
## 简介
在本篇文章中，我将教会你如何使用 Electron、Element Plus 和 TypeScript 来构建一个桌面应用程序。我们将按照以下步骤进行：
1. 了解 Electron
2. 创建 Electron 项目
3. 配置 TypeScript
4. 引入 Element Plus
5.
原创
2023-09-09 14:14:50
297阅读
Electron是跨平台的GUI开发工具，除了swing、QT，开发跨平台UI又多了一个选择。比较著名的vscode，就是通过electron开
原创
2022-12-15 14:04:49
740阅读
# Electron Python环境
在开发桌面应用程序时，很多开发者会选择使用Electron框架。Electron是一个用于构建跨平台桌面应用程序的开源框架，它基于Node.js和Chromium。通过Electron，开发者可以使用HTML、CSS和JavaScript来构建应用程序，并且可以借助Node.js模块来实现更多功能。
有时候，我们可能需要在Electron应用程序中集成P
原创
2024-07-01 05:19:00
72阅读
## electron+vue3+typescript 实现流程
### 1. 确保环境准备
在开始开发前，需要确保本地环境已经安装了以下工具：
- Node.js：用于运行JavaScript的运行时环境。
- npm：Node.js的包管理工具，用于安装和管理开发所需的依赖包。
### 2. 创建一个新的项目
首先，我们需要创建一个新的项目文件夹，并在终端中进入该文件夹：
```b
原创
2023-09-11 11:53:00
277阅读
# Vite + Electron + TypeScript 的坑
## 引言
在开发 Electron 应用程序时，使用 Vite 和 TypeScript 可以帮助我们更高效地进行开发。然而，当我们尝试将这三者一起使用时，可能会遇到一些坑。本文将介绍一些常见的问题，并提供解决方案。
## 问题一：Vite 不支持 Node.js 模块
Vite 是一个基于浏览器的构建工具，它默认只支持
原创
2023-07-20 03:43:24
442阅读
electron 搭建环境 主要还是跟着官网搭的。 最近要发布一个网站，以客户端的形式，就想到了electron，试着弄一下。 首先要有npm和node这个应该不难。 然后npm init 然后想办法配包 npm --registry https://registry.npm.taobao.org ...
转载
2021-10-27 15:30:00
211阅读
2评论
一、环境搭建教程1：在原有 Vue 项目上添加 Electron1，Electron 介绍（1）Electron 是由 Github 开发，用 HTML、CSS 和 JavaScript 来构建跨平台桌面应用程序的一个开源库。Electron 通过将 Chromium 和 Node.js 合并到同一个运行时环境中，并将其打包为 Mac、Windows 和 Linux 系统下的应用来实现这一目的。简
转载
2024-06-18 14:05:56
125阅读
会在后续的博客中发布一系列关于Electron相关的内容，从项目生成到打包成可执行程序 。及通过Electron中的addon插件编写，实现与硬件交互可以用于开发工业相机，和其它一些工业领域设备。理论上来说只要有c/c++sdk的硬件都可以在Electron中使用。1、安装NVM
(在实际开发过程中，我们开发环境中可能会存在多个 node版本，NVM为了方便我们管理本地node版板)NVM下载链接
转载
2024-01-21 05:11:57
85阅读
这不意味着Electron是绑定了GUI库的JavaScript。相反，Electron使用Web页面作为它的GUI，所以你能把它看作成一个被JavaScript控制的，精简版的Chromium浏览器。Electron的版本更新很频繁，基本保持在1周发布一个小版本，每季度发布一个大版本。除了稳定版外还有Beta版和Nightly(最新功能试用版)，Chromium更新时，Electron也会跟着更
转载
2023-10-12 06:40:42
461阅读
文章目录官方安装教程官方安装指南手动安装最佳实践勘误 本博客站点已全量迁移至 DevDengChao 的博客 ://blog.dengchao.fun , 后续的新内容将优先在自建博客站进行发布, 欢迎大家访问.众所周知,
转载
2024-07-23 13:49:10
196阅读
在之前的文章中我介绍了如何在一个已有的 Vue.js 项目上增加 Electron 的支持（点击查看），但这种手动集成 electron 方式不仅不利于工程化开发，配置维护都略显麻烦。 如果我们是一个全新的项目，建议直接使用已经做好集成的模板项目，比如：electron-vue。下面通过样例进行演示。 二、环境搭建教程2：使用 electron-vue
一：全局安装vue/cli npm install -g @vue/cli
安装完成后检查版本
vue --version二：构建项目创建文件vue create projectName有的刚开始创建会报错类似这种的vue : 无法加载文件 C:\Users\admin\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:
转载
2023-06-01 18:19:00
118阅读
