至少要有三种格式的文件，即html、js、json
由于官方给出的实例已经是相当好，我就稍微修改一下吧
官方的粒子：https://github.com/atom/electron/blob/master/docs/tutorial/quick-start.md
首先建立一个文件夹叫app（这随意，最好用英文），
在这个文件夹内创建
- package.json
- main.js
- index.html
在package.json
{
"name" : "app",
"version" : "0.1.0",
"main" : "main.js"
}
在main.js
var app = require(‘app‘); // 导入app模块，控制整个应用程序的生命周期
var BrowserWindow = require(‘browser-window‘); // 导入窗口模块，通过这个来创建新窗口
// 这个只是上传崩溃信息到官方，可以不用
require(‘crash-reporter‘).start();
// 声明主窗口
var mainWindow = null;
// 在所有窗口都关闭时，使应用程序生命周期结束
app.on(‘window-all-closed‘, function() {
if (process.platform != ‘darwin‘)
app.quit();
});
// 应用程序就绪
app.on(‘ready‘, function() {
// 创建主窗口
mainWindow = new BrowserWindow({width: 800, height: 600});
// 设置主窗口使用的html
mainWindow.loadUrl(‘file://‘ + __dirname + ‘/index.html‘);
// 监听主窗口关闭事件
mainWindow.on(‘closed‘, function() {
mainWindow = null;
});
});
在index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"><!--注意：只有使用UTF-8才能显示中文-->
<title>我的第一个atom</title>
</head>
<body>
<h1>Hello World!</h1><h2>我只是路过</h2>
We are using io.js <script>document.write(process.version)</script>
and Electron <script>document.write(process.versions[‘electron‘])</script>.
</body>
</html>
保存以后就可以准备运行了
打开cmd，(我的文件在f盘)
如果你弄了环境变量就可以直接 electron F:\atom_project\app （至于环境变量怎么设置自行百度咯）
没有的话可以直接F:\atom-shell\electron.exe F:\atom_project\app
还有另外一种办法，直接打开electron.exe，里面就有个框框，直接把文件夹拖到里面就可以运行了
不过建议是用cmd，因为打印的信息和错误信息在cmd可以显示
下一篇讲解一下怎么打包应用程序
时间： 2024-11-03 03:40:28