electron安装教程

1、安装node.js 例如：安装在 F://node 下；

2、cmd控制台:

F:

回车，进入F盘，

cd node

回车，进入node文件夹，

node -v

回车，查看node版本，

npm -v

回车，查看npm版本，若出现版本号，表示安装成功；

3、在cmd控制台，node文件夹下，把npm仓库切换到国内taobao仓库，速度会快很多，命令如下：

  npm install -g cnpm --registry=https://registry.npm.taobao.org

4、在node文件夹下，安装electron，命令如下：

  cnpm install -g electron

5、输入命令：

  electron -v

查看electron版本，若出现版本号，表示安装成功；

6、输入命令：

cnpm install -g electron-packager

打包输出工具；

7、下载并安装electron客户端；

8、新建一个项目文件夹，自命名，例如：test1；

9、在 test1 中创建：pakage.json、index.html、main.js 三个文件；

10、通过拖拽 test1 文件夹到 electron客户端，或者在cmd控制台中使用命令打开文件，

F:\electron1\electron.exe E:\electronCodes\test1

前段为客户端地址，后段为文件地址

附录：pakage.json、index.html、main.js

pakage.json：

{"name"    : "your-app","version" : "0.1.0","main"    : "main.js"
}

index.html：

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>Hello World!</title></head><body><h1>Hello World!</h1>We are using node <script>document.write(process.versions.node)</script>,Chrome <script>document.write(process.versions.chrome)</script>,and Electron <script>document.write(process.versions.electron)</script>.</body>
</html>

main.js：

const electron = require('electron');
// Module to control application life.
const {app} = electron;
// Module to create native browser window.
const {BrowserWindow} = electron;// Keep a global reference of the window object, if you don't, the window will
// be closed automatically when the JavaScript object is garbage collected.
let win;function createWindow() {// Create the browser window.win = new BrowserWindow({width: 800, height: 600});// and load the index.html of the app.win.loadURL(`file://${__dirname}/index.html`);// Open the DevTools.win.webContents.openDevTools();// Emitted when the window is closed.win.on('closed', () => {// Dereference the window object, usually you would store windows// in an array if your app supports multi windows, this is the time// when you should delete the corresponding element.win = null;});
}// This method will be called when Electron has finished
// initialization and is ready to create browser windows.
// Some APIs can only be used after this event occurs.
app.on('ready', createWindow);// Quit when all windows are closed.
app.on('window-all-closed', () => {// On OS X it is common for applications and their menu bar// to stay active until the user quits explicitly with Cmd + Qif (process.platform !== 'darwin') {app.quit();}
});app.on('activate', () => {// On OS X it's common to re-create a window in the app when the// dock icon is clicked and there are no other windows open.if (win === null) {createWindow();}
});// In this file you can include the rest of your app's specific main process
// code. You can also put them in separate files and require them here.

electron安装教程相关推荐

electron 安装import_Electron: 从零开始写一个记事本app
Electron介绍简单来说,Electron就是可以让你用Javascript.HTML.CSS来编写运行于Windows.macOS.Linux系统之上的桌面应用的库.本文的目的是通过使用Ele ...
Electron系列教程——第二篇：第一个示例
Electron系列教程--第二篇:第一个示例一.楔子在正式开始音乐播放器项目之前,还需要来个简单的案例,以便更好的理解Electron.如果你已经使用过Electron,可以跳过这篇. 本篇将实 ...
electron学习教程基本教程已测试完成
electron学习教程 1.介绍 2.五分钟快速上手 2.1 先创建index.html文件 2.2 再创建main.js文件 2.3 再安装electron 2.2 配置为入口文件 2.5 运行 ...
【网站汇总】安装教程系列
目录 1.Anaconda 2.Pytorch 3.Tensorflow 4.LaTeX 5.博客搭建 1.Anaconda [CV]Anaconda 安装教程_Fannnnf的博客-CSDN博客 2 ...
oracle 11g完全安装教程（CentOS）
oracle下载链接:http://www.oracle.com/technetwork/database/enterprise-edition/downloads/index.html oracle ...
vs安装一直在提取文件_Visual Studio 2019下载及安装教程
宸1分钟前这可是我珍藏多年的资源啊. Visual Studio 2019 Microsoft Visual Studio(简称VS)是美国微软公司的开发工具包系列产品.是目前最流行的Windows ...
这套完美的Java环境安装教程，完整，详细，清晰可观，让你一目了然，简单易懂。⊙﹏⊙...
JDK下载与安装教程 2017年06月18日 22:53:16 Danishlyy1995 阅读数:349980 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csd ...
iOS7系统iLEX RAT冬青鼠安装教程：无需刷机还原纯净越狱系统
全网科技温馨提醒:iLEX RAT和Semi-Restore的作用都是让你的已越狱的设备恢复至越狱的初始状态. 可是要注意无论你是用iLexRAT冬青鼠还是Semi-restore.对于还原来说都存 ...
TensorFlow2.0 系列开篇： Windows下GPU版本详细安装教程
点击上方"Datawhale",选择"星标"公众号第一时间获取价值内容 [导读]今年三月谷歌在TensorFlow开发者峰会上宣布TensorFlow 2.0 ...

electron安装教程

1、安装node.js 例如：安装在 F://node 下；

2、cmd控制台:

回车，进入F盘，

回车，进入node文件夹，

回车，查看node版本，

回车，查看npm版本，若出现版本号，表示安装成功；

3、在cmd控制台，node文件夹下，把npm仓库切换到国内taobao仓库，速度会快很多，命令如下：

4、在node文件夹下，安装electron，命令如下：

5、输入命令：

查看electron版本，若出现版本号，表示安装成功；

6、输入命令：

打包输出工具；

7、下载并安装electron客户端；

8、新建一个项目文件夹，自命名，例如：test1；

9、在 test1 中创建：pakage.json、index.html、main.js 三个文件；

10、通过拖拽 test1 文件夹到 electron客户端，或者在cmd控制台中使用命令打开文件，

前段为客户端地址，后段为文件地址

electron安装教程相关推荐

最新文章

热门文章