当前位置: 首页 > article >正文

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!

http://www.kler.cn/a/406319.html

相关文章:

  • 【从零开始的LeetCode-算法】3232. 判断是否可以赢得数字游戏
  • GitLab使用操作v1.0
  • 汽车加油行驶问题-动态规划算法(已在洛谷AC)
  • pinia是什么?pinia简介快速入门,创建pinia到vue3项目中
  • 网络安全服务人才发展路线图
  • Android上运行Opencv(TODO)
  • 学习electron
  • C#实现blob分析——分别基于OpenCvSharp和Emgu实现
  • 力扣 LeetCode 501. 二叉搜索树中的众数(Day10:二叉树)
  • 【vim】vim怎么从指定行到指定行的行首添加内容
  • 真题-桂城2018年六年级
  • OpenCV与AI深度学习|16个含源码和数据集的计算机视觉实战项目(建议收藏!)
  • HarmonyOS . 沉浸状态栏使用
  • Elasticsearch Windows版的安装及启动
  • 14:00面试,14:08就出来了,问的问题有点变态。。。
  • Unreal从入门到精通之如何绘制用于VR的3DUI交互的手柄射线
  • 基于干扰观测器的 PD 控制
  • 高性能存储SIG月度动态:重构和优化fuse,推动containerd社区支持erofs
  • 大模型基本能力评测---知识利用
  • Linux2.6内核进程调度队列
  • Windows 驱动开发中 ExAcquireResourceExclusiveLite 和其他锁的区别:
  • Windows中指定路径安装DockerDesktop
  • 死锁相关习题 10道 附详解
  • Day 18
  • 04高可用高并发(D1_高并发 - D1_缓存)
  • ssm161基于web的资源共享平台的共享与开发+jsp(论文+源码)_kaic