码迷,mamicode.com
首页 > 其他好文 > 详细

快速制作你的第一个atom程序

时间:2015-05-15 06:34:20      阅读:327      评论:0      收藏:0      [点我收藏+]

标签:

至少要有三种格式的文件,即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可以显示

下一篇讲解一下怎么打包应用程序

 

快速制作你的第一个atom程序

标签:

原文地址:http://www.cnblogs.com/luobenCode/p/4504910.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!