mkdir chapter1
cd chapter1
yarn init
yarn config set ELECTRON_MIRROR https://cdn.npm.taobao.org/dist/electron/
yarn add electron@^8.1.0 --dev
新建页面index.html
<html>
<head>
<meta charset="UTF-8">
<title>Hello World!</title>
</head>
<body>
<h1>Hello World!</h1>
We are using Node.js <span id="node-version"></span>,
Chromium <span id="chrome-version"></span>,
and Electron <span id="electron-version"></span>.
<!-- You can also require other files to run in this process -->
<script src="./render.js"></script>
</body>
</html>
index.js
var electron = require('electron');
var app = electron.app;
var BrowserWindow = electron.BrowserWindow;
var win = null;
app.on('ready', function(){
win = new BrowserWindow({
webPreferences: {
nodeIntegration: true
}
});
win.loadFile('index.html');
win.on('closed', function(){
win = null
});
}
);
app.on('window-all-closed', function () {
console.log(process.platform);
if (process.platform !== 'darwin') app.quit()
});
yarn start
如果启动失败，确认一下下面的目录是否存在，如果不存在则说明安装不成功，错误信息中也会提示你重试，那就重试，本人是第二次重试时安装成功
node_modules/electron/dist/
正常启动如下，无报错
$ yarn start yarn run v1.22.10 $ electron ./index.js
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。