从零开始学习Electron(一)，安装展示HelloWorld

最新推荐文章于 2024-07-30 18:56:40 发布
最新推荐文章于 2024-07-30 18:56:40 发布
阅读量583 收藏 1
点赞数
分类专栏： Elecron 文章标签： helloworld electron electron安装
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36543956/article/details/78978605
版权
这篇博客从零开始教你学习Electron。首先介绍如何安装Node.js，然后详细讲解如何通过npm全局安装Electron，并验证安装成功。接着，创建一个名为electron_test的项目，编写main.js和index.html，最后配置package.json并运行项目，成功展示Electron的HelloWorld应用。
摘要由CSDN通过智能技术生成

从零开始学习Electron(一)，安装展示HellowWorld

首先贴一下官网ELECTRONJS，这里面对应的是文档，有需要的朋友可以点击学习。

1.首先安装node

这里默认安装好node 可以运行 node -v查看是否安装成功

这里写图片描述

2.安装Electron

使用npm安装(这里是全局安装，图片显示的是二次安装的结果 安装成功应该是一大段的目录文件）

npm install --g electron-prebuilt

查看版本号 是否安装成功

electron -v

这里写图片描述

3.HelloWorld

首先在E盘或者其他盘创建一个文件夹 我这里就叫electron_test
打开命令文件 cd到该文件目录下npm init

最低0.47元/天 解锁文章
左眼回忆
关注
专栏目录
Electron 安装
天空之外
05-06 5259
本节我们来学习 Electron 的安装。要安装 Electron ，首先需要保证本地已经安装好了 Node.js。 Node.js的安装 Node.js 的官网地址为：https://nodejs.org/en/，进入官网页面如下所示： 推荐下载 LTS 版本，下载好后，执行安装程序，根据引导完成安装即可。 安装完成后，我们需要确认 Node.js 是不是可以正常工作。可以通过在命令行工具中输入如下命令来检测是否安装成功： $ node -v $ npm -v 如下图所示，如果这两个命令均显示版本号则
从零开始Electron
页面仔小杨
04-27 311
Electron简介 electron是什么？ 前世今生的历史页面仔小杨就不说了，Atom、VSCode、Slack等都是用Electron开发的。那Electron到底是个什么东东呢？ Electron 是由 Github开发的开源框架 它允许开发者使用Web技术构建跨平台的桌面应用 Node.js和基于不同平台的Native APIs加强的Chromium浏览器 Chromium : 为El...
Electron学习笔记（二）Hello World
最新发布
锕琅的博客
07-30 1014
接上一篇文章 Electron学习笔记（一）基础环境-CSDN博客 这一篇文章我们开始做第一个小demo
安装electron
奔跑的QQEE的笔记
06-22 2020
1、安装node.js。node官网地址2、windows 下，命令行界面检查node是否安装成功。分别输入 node -v npm -v 。如果出现 node 和 npm 的版本号，则转下一步。否则转第一步。3、命令行下载淘宝镜像命令工具 cnpm。npm install cnpm -g --registry=http://registry.npm.taobao.org4、用 cnpm 命令安装
Electron安装
qq_41256253的博客
01-26 483
【代码】Electron安装。
Electron:从零开始写一个记事本app
02-24
本文犹如HelloWorld一样的存在，是个入门级笔记，但如果你之前从未接触过Electron，而又对它有兴趣，某想信这会是一篇值得一看的入门教程。PS：这篇文章是基于Windows的开发过程，未对macOS、Linux作测试。点击这里...
electron 安装import_Electron: 从零开始写一个记事本app
weixin_39662142的博客
12-21 1285
Electron介绍简单来说，Electron就是可以让你用Javascript、HTML、CSS来编写运行于Windows、macOS、Linux系统之上的桌面应用的库。本文的目的是通过使用Electron开发一个完整但简单的小应用：记事本，来体验一下这个神器的开发过程。本文犹如Hello World一样的存在，是个入门级笔记，但如果你之前从未接触过Electron，而又对它有兴趣，某想信这会是...
electron 安装
m0_52066610的博客
05-06 226
electron 安装 安装步骤 npm install -g cnpm --registry=https://registry.npm.taobao.org 创建后，在vscode里面创建一个新的空文件夹，打开你的命令行工具，然后从该文件夹运行npm init npm 会帮助你创建一个基本的 package.json 文件。 其中的 main 字段所表示的脚本为应用的启动脚本，它将会在主进程中执行，在scripts中，添加start:"electron .“注意有个空格在.前
electron安装
jakelihua
07-30 3573
Electron是一种强大的桌面应用开发框架，使用HTML、CSS和JavaScript构建跨平台的应用程序。它基于Node.js和Chromium，可以在Windows、macOS和Linux等操作系统上运行，为开发者提供了一种简单而高效的方式来创建原生桌面应用。
electron的安装
Destinynever的博客
03-08 159
1.我使用有两种方式进行安装 a.使用vue-cli (1) 通过vue-cli创建vue项目 (2) 使用npm run build 进行打包 （提前在config中配置打包的路径 如果是vue-vli3 以上的用户需要自行创建vue.config.js文件） module.exports = { publicPath: "./", // 公共路径(必须有的) outputDir: "dist", // 输出文件目录 assetsDir...
Electron从零开始学习01
xiaolingshi_的博客
12-17 227
简介 Electron 是 GitHub 发布的跨平台桌面应用开发工具，支持 Web 技术开发桌面应用，其本身是基于 C++ 开发的，GUI 核心来自于 Chrome，而 JavaScript 引擎使用 v8 下载electron 查看自己的node版本，并对照文档下载对应的electron版本和chromium 创建基本应用程序 mkdir my-electron-app && cd my-electron-app npm init -y npm i --save-dev elect
Electron: 1、从零开始写一个记事本app
xuguangyuansh的博客
05-14 5103
Electron: 从零开始写一个记事本app Electron介绍        原文版权属于 简书 的 鳗驼螺，这里只是做了重现，并记录到自己的日记中。   &nbsp
安装Electron
vmanas_的博客
12-01 1217
electron 安装不成功
从零开始搭建Electron项目之运行例程
kissgoodbye2012的博客
06-10 358
最好的学习方式就是：给一段能够运行的代码示例。本文给出了例程资源，以及运行的步骤。在国内开发electron有一点特别不好，就是如果不爬梯子，下载依赖容易出错。
2.Electron安装
z77863的博客
05-23 741
如果你想在网页里使用 GUI 操作，其对应的渲染进程必须与主进程进行通讯，请求主进程进行相关的 GUI 操作。在 Electron，我们提供用于在主进程与渲染进程之间通讯的 ipc 模块，后面会讲到。在使用 Electron 开发应用之前，要先安装 Electron，而 Electron 需要依赖 Node.js，因此在安装之前，要先安装 Node.js。备注：如果执行这个命令不报错，出来版本号，说明安装没有问题，下面也一样，最好安装14.x.x以后的版本。主进程管理所有页面和与之对应的渲染进程。
Electron之HelloWorld
my blog
04-20 1176
1.安装Electron和demo # 1.使用cnpm替换npm $ npm install -g cnpm --registry=https://registry.npm.taobao.org # 2.安装electron $ cnpm i -D electron@latest # 3.克隆示例项目的仓库 $ git clone https://github.com/electron/el...
用electron写一段helloworld
03-12
当然可以，以下是示例代码： 在你的电脑上安装 Node.js 和 npm 后，打开终端，输入以下命令： ``` npm install electron --save-dev ...这样，你就可以在浏览器窗口中看到一个简单的“Hello World!”页面了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值