Logo Vincent
Electron in Practice: DMG Installer Customization

Electron in Practice: DMG Installer Customization

Preface A dmg file is a common installer format on Mac. The previous articles have already developed and packaged an application using Electron. This article focuses on customizing the dmg installer.

Electron
Electron in Practice: Mac App Signing and Notarization

Electron in Practice: Mac App Signing and Notarization

Preface: Learn Electron in One Article, Electron in Practice: Local Database SQLite, Electron in Practice: Managing Electron Projects with Monorepo. After developing a desktop app with Electron and packaging it locally for Mac, the next step before distribution is signing and notarizing the Mac app.

Electron
Electron in Practice: Creating a Window

Electron in Practice: Creating a Window

Preface: Getting started with Electron requires creating a window. A window is used to display the UI and runs in the renderer process. Creating a Window: Create a new frontend project with the following package.json. You can see that Electron is installed as a dev dependency.

Electron
Electron in Practice: Registering an Apple Developer Account

Electron in Practice: Registering an Apple Developer Account

Preface After developing a Mac application with Electron, if you want it to work properly on Mac computers, you need to sign and notarize your application. Both signing and notarization require an Apple Developer account. There are some pitfalls in this process, documented here.

Electron
Electron in Practice: Mac Packaging

Electron in Practice: Mac Packaging

Preface: After developing an Electron app locally, the next thing you want to do is package it and share it. For how to manage an Electron project with monorepo, see: Electron in Practice: Managing Electron Projects with Monorepo.

Electron
Electron in Practice: Managing Electron Projects with Monorepo

Electron in Practice: Managing Electron Projects with Monorepo

Preface: This article explains how to manage an Electron project using monorepo. Code: https://github.com/uikoo9/dishi-monorepo/tree/electron-monorepo. Initialization: First, initialize a monorepo frontend project.

Electron
Using npm Workspaces for Frontend Monorepos

Using npm Workspaces for Frontend Monorepos

Migrating from lerna bootstrap to npm workspaces for monorepo dependency management — comparing lerna.json vs package.json config, node_modules location, and local package linking.

Web
Electron in Practice: Clipboard

Electron in Practice: Clipboard

Preface Electron provides operations for reading from and writing to the system clipboard. See: https://www.electronjs.org/docs/latest/api/clipboard Process clipboard is supported in the main process and in renderer processes without sandbox enabled. System Most clipboard APIs support Windows, Mac, and Linux.

Electron
Node.js in Practice: Downloading Files

Node.js in Practice: Downloading Files

Preface: Downloading files is one of the most common features in Node.js, but in practice, file downloading can hide various pitfalls.

Node.js
Initializing a Frontend Monorepo Project

Initializing a Frontend Monorepo Project

Preface: This article documents the process of initializing a frontend Monorepo project, covering LICENSE, git configuration, package.json, commitizen, commitlint, rollup, ava, lerna, nx, prettier, eslint, and lint-staged.

Web
A Lightweight JS Testing Framework: AVA

A Lightweight JS Testing Framework: AVA

Common JS testing frameworks include Jest, Mocha, etc. This article introduces a lightweight JS testing framework: AVA.

Web
Nx VS Lerna

Nx VS Lerna

Comparing NX and Lerna for monorepo management — task execution, local caching, distributed caching, dependency visualization, version management, and npm publishing.

Web
© 2026 vincentqiao.com . All rights reserved.