electron 安装失败到不要不要的

第步、elctron需要使用npm安装所首先需要安装Node.js

第二步、新建空文件夹作应用根目录给文件夹起名字app

第三步、点击图窗口左角文件选择打Windows PowerShell

第四步、初始化输入命令："npm init"图所示

步输入命令"npm init"让设置些选项比图name,version,description等些设置需要"entry point"改"main.js"其都直接按车跳设置完现Is this ok?(yes)输入"yes"初始化结束应用根目录现名"package.json"文件图所示：

我要修改package.json内容打package.json"scripts"内容改"start": "electron ."：

修改完保存即

第五步、安装electron首先自用户目录（C盘用户目录找自用户名侍绝应目录即）找文件.npmrc打.npmrc文件结尾添加：

[plain] view plain copy

registry=

sass_binary_site=

phantomjs_cdnurl=

ELECTRON_MIRROR=

做作用载址改内淘宝镜像提高载速度做步安装electron程肯定卡node install.js面导致安装失败

PowerShell输入命令"npm install electron --save-dev --verbose"始安装第安装稍微慢点快：

第六步宽谈凳、编写main.js根目录新建文件main.js输入代码：

[javascript] view plain copy

const electron=require('electron')

const app=electron.app

const path=require('path')

const url=require('url')

const BrowserWindow=electron.BrowserWindow

// 初始化并准备创建主窗口

app.on('ready', function () {

// 创建宽800px 高500px窗口

mainWindow = new BrowserWindow({

width: 800,

height: 500,

})

// 载入应用inde.html

mainWindow.loadURL(url.format({

pathname:path.join(__dirname,'/index.html'),

protocol:'file:',

slashes:true

}))

// 窗口关闭触发

mainWindow.on('closed', function(){

// 想要取消窗口慎旅象引用 应用支持窗口需要所窗口象存储数组删除想应元素

mainWindow = null

})

})

第七步、编写index.htmlhtml文件根据自需要编写写简单hello,world代码：

[html] view plain copy

Hello World!

步PowerShell输入"npm start"即启应用图所示：

功告

我现在的系统是困锋10.15.7 (19H2)，终端输入以下命令来安装Electron：

因为滑销加了sudo还需要自己输一下密码，ELECTRON_MIRROR切换成淘宝镜像防止安装很慢，“信尺游--unsafe-perm=true --allow-root”应该是解决高版本mac的权限问题的，“--verbose”是用来监控安装进度的，也可以去掉。

electron全局安装坏处有：

1、electron会出现找不到目粗辩升录的问题。

2、electron的国内的下载安装速度慢。

3、使用大量的内灶耐存和CPU，不岩老支持手机，不安全。

---