Ubuntu安装Electron环境

前言

Electron官方文档

要开发 Electron 应用,您需要安装 Node.js 运行环境和它的包管理器 npm。 我们推荐安装最新的长期支持 (LTS) 版本。

安装nvm

node.js的版本管理工具

复制代码
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash

安装最新的 LTS 版本的 Node.js

复制代码
nvm install --lts

验证安装

复制代码
node -v
npm -v

创建一个demo项目

复制代码
mkdir my-electron-app && cd my-electron-app
npm init

会简单配置一下package.json中的字段,回车到结束

配置代理,在项目里安装electron

复制代码
npm config set registry https://registry.npmmirror.com
npm install electron --save-dev

官方demo

创建main.js

复制代码
console.log('Hello from Electron 👋')

修改package.json

复制代码
{
  "name": "my-electron-app",
  "version": "1.0.0",
  "description": "Hello World!",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "Jane Doe",
  "license": "MIT",
  "devDependencies": {
    "electron": "23.1.3"
  }
}

Run!

复制代码
npm run start

Hello from Electron 👋
mesa: for the --simplifycfg-sink-common option: may only occur zero or one times! 
mesa: for the --global-isel-abort option: may only occur zero or one times! 
mesa: for the --amdgpu-atomic-optimizations option: may only occur zero or one times!
相关推荐
j_xxx404_2 小时前
Linux:静态链接与动态链接深度解析
linux·运维·服务器·c++·人工智能
_只道当时是寻常3 小时前
【Codex】Ubuntu 安装 Codex CLI 并解决 Clash 代理与账号认证问题
linux·ubuntu·chatgpt
brucelee1864 小时前
Claude Code 安装教程(Windows / Linux / macOS)
linux·windows·macos
jsons14 小时前
给每台虚拟机设置独立控制台密码
linux·运维·服务器
嵌入式×边缘AI:打怪升级日志5 小时前
全志T113 Tina-SDK 配套工具链开发应用(从Makefile到CMake再到Autotools)
linux
嵌入式×边缘AI:打怪升级日志5 小时前
全志T113嵌入式Linux开发环境搭建(VMware + Ubuntu 18.04)详细步骤
linux·ubuntu
云栖梦泽5 小时前
Linux内核与驱动:14.SPI子系统
linux·运维·服务器·c++
Frank_refuel6 小时前
终端环境下:Ubuntu 22.04.1 安装 MySQL 数据库
数据库·mysql·ubuntu
yipiantian6 小时前
在Claude项目中实现跨目录访问Skills
linux·运维·服务器
cen__y6 小时前
Linux07(信号01)
linux·运维·服务器·c语言·开发语言