Electron学习笔记Part1-安装与配置

最新推荐文章于 2024-08-22 14:16:39 发布
最新推荐文章于 2024-08-22 14:16:39 发布
阅读量1.8k 收藏 2
点赞数
分类专栏： Electron学习笔记 文章标签： Electron学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dj513dj/article/details/55099563
版权
这篇博客记录了Electron的学习过程，首先介绍了如何下载安装Node.js的LTS版，接着讲解了如何配置环境变量，确保可以使用npm命令。然后通过淘宝镜像安装cnpm，以解决npm的下载速度问题。最后详细阐述了全局安装Electron模块的步骤，包括模块的存放位置和如何运行Electron主程序。
摘要由CSDN通过智能技术生成

由于工作需要，正在学习Electron，在此将学习进程记录，以便后期查看使用。

一、安装与配置

  1. 下载安装Node.js，从官网下载https://nodejs.org/en/download/，我选择了LTS版，目前最新版本为6.9.5；
  2. 个人喜欢绿色软件，所以下载了zip包，也可选择msi让windows自动安装；
  3. 将下载好的node-v6.9.5-win-x64.zip解压缩至某个目录（公司程序员老大哥告诫说尽量将开发类工具安装到分区根目录），我解压到D:\下；
  4. 配置环境变量，（此步为了直接在cmd窗口使用npm命令），将node安装目录添加到PATH中；
  5. 使用npm -v命令查看node.js版本号，确认其是否正常安装；

  6. 使用node -v命令检查node.js版本，确认node安装；
最低0.47元/天 解锁文章
游走的豚鼠君
关注
专栏目录
A-level化学知识点(一）：一般原则——General Properties
Alevel3的博客
07-27 451
Theoretical principles 理论原则1. Bonding of the carbon atom. 碳原子的结合。Electronic structure of the carbon atom is 1s2 2s2 2px1 2py1.碳原子的电子结构是1s2 2s2 2px1 2py1。The outer electrons are located in orbitals (volumes of electron probability) having the following shap
electron 中文教程
05-01
常见问题 Introduction 1.1 Electron 常见问题 1.2 向导 支持平台 2.1 分发应用 2.2 提交应用到 Mac App Store 2.3 打包应用 2.4 使用 Node 原生模块 2.5 主进程调试 2.6 使用 Selenium 和 WebDriver 2.7 使用开发人员工具扩展 2.8 使用 Pepper Flash 插件 2.9 使用 Widevine CDM 插件 2.10 教程 快速入门 3.1 桌面环境集成 3.2 在线/离线事件探测 3.3 API文档 简介 4.1 进程对象 4.2 支持的 Chrome 命令行开关 4.3 环境变量 4.4 自定义的 DOM 元素: File 对象 5.1 webview 标签 5.2 window.open 函数 5.3 在主进程内可用的模块: app 6.1 autoUpdater
Electron教程
bnm2442的博客
09-26 267
electron教程(一): electron的安装和项目的创建 - Silenzio - 博客园
如何正确的安装Electron，并完成vue3+electron的环境搭建
最新发布
不喜欢BUG，喜欢前端的日子
08-22 1063
本文主要介绍了，如何使用 vue3+electron 的环境搭建配置，其中比较重要的就是在安装 electron 的时候碰到的下载问题如何解决和启动 electron 的时候如何把 vue 内嵌至 electron中，在运行项目的时候正确的启动项目。前人裁树,后人乘凉，希望大家在搭建的时候不会遇到任何bug，欢迎一起交流
Electron 入门教程
emperinter的博客
10-11 1489
整个教程不涉及过于深入的知识，通过一系列c操作能够运行一个简单的MarkDown编辑器。在整个过程中体会Electron的作用，对于我来说就是把整个网页和浏览器打包成一个程序了，简单说可能就是我们常说的大前端。 安装 安装npm,详情请参考官网https://nodejs.org/en/ 创建项目文件夹 mkdir Markdown 初始化 npm init 初始化后会生成一个项目描述文件package.json，内容(特别注意main何scripts选项)如下： { "nam..
electron入门教程
wang993828743的博客
05-27 8024
一、安装配置 1、为你的应用创建一个新的空文件夹 Electron 2、打开你的命令行工具，然后从该文件夹运行 npm init 会帮助你创建一个基本的 package.json 文件 3、安装electron npm install --save-dev electron 4、项目根目录新建main.js文件（入口文件） const { app, BrowserWindow } = require('electron') function createWindow () { // 创建浏览器
Electron 教程_20201007
linjingtu的博客
10-09 542
​Electron 教程 Electron 教程简介 Electron 快速入门 Electron 桌面环境集成 Electron 在线/离线事件探测 Electron 进程 Electron 支持的 Chrome 命令行开关 Electron 环境变量 Electron 应用部署 Electron 向Mac App Store 应用提交向导 Electron 应用打包 Electron 使用原生模块 Electron 主进程调试 Electron 使用 Selenium 和 We
Node.js-Learning:Node学习笔记。A learning notes about Node.js
05-26
Node.js 学习笔记 不要忘记star一下 加油！ 目录 Node.js离不开JS，所以要好好巩固JS，这一块多是巩固ES6的相关特性 Class Symbol 作用域篇 扩展运算符 Part2 Node.js模块 学习Node.js的原生模块，从根本理解Node.js...
【SCI论文写作】斯坦福写作课程：Writing in the Sciences -Unit1
chengxichengxi的博客
11-17 1029
斯坦福大学公开课《Writing in the Sciences》学习笔记。
前端vue elementUI upload上传组件封装&amp；多文件上传&amp；进度条，后端servlet request
2401_84437691的博客
05-01 110
package com.kaiyue.detection.upload; import com.App.Servlet.AppResponse; import com.alibaba.fastjson.JSONObject; import com.kaiyue.common.BeanFactory; import com.kaiyue.common.resource.AppConfig; import com.kaiyue.common.util.DateUtil; import com.kaiyue.jp
electron的基本教程
weixin_43484007的博客
10-05 381
问题：每次修改完代码后，必须重新执行 npm run start才能展现最新的页面。BrowserWindow 模块，它创建和管理应用程序 窗口。app 模块，它控制应用程序的事件生命周期。preload.js把通信方法暴露给渲染进程。问题：electron和h5页面如何通信。index.html引入app.js文件。修改package.json。window上运行结果。安装electron。主进程main.js。渲染进程app.js。
一、Electron入门教程
weixin_30696427的博客
08-03 336
参考资料：https://www.cnblogs.com/zhangshuda/p/8086500.html 一、首先安装node(具体过程百度) 二、新建文件夹demo 三、打开终端进入新建的文件夹中 4、初始化项目 npm init -f 　文件中会多出package.json文件 五、修改package.json 　　main：'index.js'修改为...
Electron入门教程1 —— 编写第一个桌面应用程序
热门推荐
weixin_50216991的博客
04-15 1万+
最近临时起意，想开发Windows桌面应用程序，但是我们肯定都先会想到微软的C#。但是我又不想花时间去学习C#，而且就算学了C#，还是很难快速开发出好看的Windows桌面应用。所以此时我就想，既然移动app都能用vue来写，那Windows的桌面应用程序是不是也可以用Vue等web前端技术来开发呢？还真可以，那就是Electron这个框架。首先声明，我自己也在学习Electron这个框架，所以就有了这个教程。 ...
Electron教程 （一）Electron介绍
weixin_33807284的博客
01-10 1487
Electron介绍 Electron是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.js合并到同一个运行时环境中，并将其打包为Mac，Windows和Linux系统下的应用来实现这一目的。 Electron于2013年作为构建Github上可编程的文本编辑器Atom的框架而被开发出来。这两个...
Electron教程1_Electron介绍
随风漂浪的博客
04-02 431
Electron介绍 Electron 是由Github开发的，用HTML , CSS 和JavaScript 来构建的跨平台桌面应用程序的一个开源库。 Electron 通过将Chromium 和Node.js 合并到同一个运行时环境中，并将其打包为Mac , Windows 和 Linux系统下的应用来实现这一目的。 网站 网站：https://www.electronjs.org/ 特点 ...
视频教程-Electron实战（1）：基础知识视频教程-Electron
weixin_31245159的博客
05-28 446
Electron实战（1）：基础知识视频教程 东北大学计算机专业硕士研究生，...
Electron入门教程一（electron的基础安装等）
hhy1006894859的博客
04-19 9663
一、前言 官方文档：https://electronjs.org/docs Electron是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.js合并到同一个运行时环境中，并将其打包为Mac，Windows和Linux系统下的应用来实现这一目的。 二、安装配置 1、新建文件夹electro...
Electron教程-Electron运行的流程
htzhanglong的专栏
11-28 317
Electron运行的流程 想看视频的同学访问： https://pan.baidu.com/s/1Dol4tP6Jop6MXro0ULVapQ 地址失效访问：https://www.itying.com/goods-929.html
配置electron-builder与electron-updater实现自动更新
1. 安装 `vue-cli` 和 `electron-vue` 脚手架： ``` npm install -g vue-cli vue init simulatedgreg/electron-vue autoUpdataTest ``` 2. 进入项目目录并安装依赖： ``` cd autoUpdataTest npm install ``` 3. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值