Electron 安装及实例运行

  1. 创建目录 demo
  2. 进入目录 demo，运行命令npm init
  3. 运行命令npm install electron --save-dev或者cnpm install electron --save-dev（淘宝镜像）
  4. 创建文件index.js，写入代码：
const {app,BrowserWindow} = require('electron');

var mainWindow;
app.on('ready',function(){
    mainWindow = new BrowserWindow({
        width:700,
        height:630,
        backgroundColor:'#ddd'
    });

    //加载网页
    // mainWindow.loadURL("http://hlz.space/blog");

    //加载当前目录文件
    mainWindow.loadURL(`file://${__dirname}/index.html`);
});
  1. 修改package.json中的"script"
"scripts": {
  "start": "electron ."
}
  1. 运行命令npm start
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容