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!
相关推荐
学也不会1 小时前
Ubuntu-安装redis
linux·运维·ubuntu
共享家95272 小时前
Linux常用命令详解:从基础到进阶
linux·服务器·数据库
小徐Chao努力3 小时前
【centos】经常使用的脚本
linux·运维·centos
慈云数据3 小时前
从开发到上线:基于 Linux 云服务器的前后端分离项目部署实践(Vue + Node.js)
linux·服务器·vue.js
rainFFrain5 小时前
日志与策略模式
linux·运维·vscode·策略模式
林政硕(Cohen0415)7 小时前
Linux驱动开发进阶(四)- 内存管理
linux·驱动开发·内存管理
sqmeeting7 小时前
Linux NUC小主机化身视频会议服务器: 技术优势与部署实战
linux·服务器·windows·音视频·实时音视频
愚润求学10 小时前
Linux开发工具——apt
linux·服务器·开发语言
杰克逊的日记10 小时前
CentOs系统部署DNS服务
linux·python·centos·dns
知立10 小时前
嵌入式Linux开发环境搭建,三种方式:虚拟机、物理机、WSL
linux·开发环境·嵌入式linux