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!
相关推荐
广而不精zhu小白3 小时前
CentOS Stream 9 挂载Windows共享FTP文件夹
linux·windows·centos
一休哥助手3 小时前
全面解析 Linux 系统监控与性能优化
linux·运维·性能优化
二进制杯莫停3 小时前
掌控网络流量的利器:tcconfig
linux
watl03 小时前
【Android】unzip aar删除冲突classes再zip
android·linux·运维
赵大仁4 小时前
在 CentOS 7 上安装 Node.js 20 并升级 GCC、make 和 glibc
linux·运维·服务器·ide·ubuntu·centos·计算机基础
vvw&4 小时前
Docker Build 命令详解:在 Ubuntu 上构建 Docker 镜像教程
linux·运维·服务器·ubuntu·docker·容器·开源
冷曦_sole5 小时前
linux-21 目录管理(一)mkdir命令,创建空目录
linux·运维·服务器
最后一个bug5 小时前
STM32MP1linux根文件系统目录作用
linux·c语言·arm开发·单片机·嵌入式硬件
dessler5 小时前
Docker-Dockerfile讲解(二)
linux·运维·docker
卫生纸不够用5 小时前
子Shell及Shell嵌套模式
linux·bash