electron从入门到打包exe

1.安装electron

npm一直失败,我就cnpm安装的

2.创建一个简单示例:

新建一个文件夹,然后cmd
先搞个package.json:

npm init -y

然后再添加electron依赖

cnpm install electron

然后再写个main.js

const { app, BrowserWindow, Menu } = require('electron')

function createWindow() {
  const win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true
    }
  })

  win.loadURL('http://baidu.com')

  win.webContents.on('dom-ready', () => {
    win.webContents.executeJavaScript(`
    
    `);
  })
}

//Menu.setApplicationMenu(null);

app.whenReady().then(createWindow)

然后这个文件夹中一共就三项:
package.json
main.js
node_modules
然后配置一下package.json::

  {
	  "name": "666",
	  "version": "1.0.0",
	  "description": "",
	  "main": "main.js",
	  "scripts": {
	    "start": "electron .",
	    "packager": "electron-packager . fukaiitapp --out fukaiitapp --arch=x64 --overwrite --ignore=node_modules ",
  },

然后如果要跑起来:

npm run start

如果要打包成exe:(具体配置在package。json中的 “packager”: "electron-packager . fukaiitapp --out fukaiitapp --arch=x64 --overwrite --ignore=node_module --electron-zip-dir= …/electron-v20.1.1-win32-x64.zip)

npm run packager

3.配置环境或者打包如果出现网络连接问题(timeout):
在文件夹里新建一个.npmrc文件,文件内容写:

electron_mirror=https://npmmirror.com/mirrors/electron/

就可以打包成功了

你可能感兴趣的:(electron,javascript,前端)