Electron入门笔记(二)-快速建立hello world

简介: 官方的文档我没有看懂,看了不少别人的博客和文章,终于慢慢看懂了如何快速的建立一个Electron app demo,前一篇文章不是使用官方快速搭建的,而且还出了小问题,所以去撸了一遍quick-start,发现很简单一、安装Electron1.

官方的文档我没有看懂,看了不少别人的博客和文章,终于慢慢看懂了如何快速的建立一个Electron app demo,前一篇文章不是使用官方快速搭建的,而且还出了小问题,所以去撸了一遍quick-start,发现很简单

一、安装Electron


1.全局安装

在自己想安装的盘下打开命令窗口,输入命令:npm install -g electron进行全局安装

2.局部安装

输入npm install electron进行局部安装

二、克隆下载electron-quick-start


 

在自己安装electron的盘下快速打开命令窗口,然后输入:git clone https://github.com/electron/electron-quick-start,从GitHub上克隆下文件(如果网速不好,建议使用国内的淘宝镜像,输入:cnpm install -g cnpm --registry=https://registry.npm.taobao.org )

三、进入文件


 

待克隆下载完成之后,继续输入:cd electron-quick-start 进入文件

四、进行安装和启动


 

然后输入npm install && npm start进行安装和启动,在输入这个命令的时候报错了 ,不知道是不是因为是在文件中打开的命令窗口进行输入命令的原因,无法识别&&字符,在cmd打开的命令窗口输入就不会报错,但是下载特别慢

所以我就把npm install和npm start分两次输入的,这样明显速度加快了很多也没有报错,然后就会启动,出现hello word 的浏览器窗口。

 

相关文章
|
7月前
|
JavaScript Shell API
小笔记:Electron中关联格式、处理文件、创建链接的相关编程
小笔记:Electron中关联格式、处理文件、创建链接的相关编程
300 0
|
1月前
|
JSON JavaScript 前端开发
开发桌面程序-Electron入门
【10月更文挑战第16天】Electron 是一个使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用的框架,嵌入了 Chromium 和 Node.js。本文介绍了如何搭建 Electron 开发环境,包括安装 Node.js、创建项目、配置 main.js 和打包应用。通过简单的步骤,你可以快速创建并运行一个基本的 Electron 应用程序。
开发桌面程序-Electron入门
|
6月前
2.Electron之HelloWorld
2.Electron之HelloWorld
|
7月前
|
存储 Web App开发 iOS开发
Electron 从基础到实战笔记 - Electron App对象及其事件
Electron 从基础到实战笔记 - Electron App对象及其事件
266 0
|
API iOS开发 MacOS
关于electron升级调研的心得笔记
关于electron升级调研的心得笔记
417 0
关于electron升级调研的心得笔记
|
前端开发 JavaScript
electron入门(16.0版本亲测可用)
electron入门全记录,亲测可用
159 1
|
JavaScript Shell API
笔记:Electron中关联格式、处理文件、创建链接的相关编程
本文介绍关于在Electron中绑定文件格式、在菜单中打开、使用文件API、处理桌面链接等等。
296 0
|
前端开发 JavaScript
electron入门笔记(三)- 引入bootstrap
源码:https://github.com/sueRimn/electron-bootstrap 当引入jQuery和bootstrap文件时,会报错,原因是:electron 的 Renderer 端因为注入了 Node 环境,存在全局函数 require,导致jquery 内部环境判断出现问题。
2170 0
|
Web App开发 JavaScript 索引
Electron入门笔记(一)-自己快速搭建一个app demo
一.安装Node   1.从node官网下载 ,最好安装.msi后缀名的文件,新手可以查看安装教程进行安装。 2.然后cmd进入命令窗口,输入npm -v查看node当前版本, 二.创建文件并初始化   1.
2476 0
|
4月前
|
JavaScript 开发工具
Electron 开发过程中主进程的无法看到 console.log 输出怎么办
Electron 开发过程中主进程的无法看到 console.log 输出怎么办