№1 Уникальная онлайн-школа обучения языкам программирования Python (Django), JavaScript, Kotlin В. Бовсуновского.

Смотреть видео о системе и почему не получается писать код у ребят и девчат.

  

дата публикации: 3 мая 2021 г.


Понимание принципа работы Electron NodeJS.


-

Настройка node

npm init

npm install --save electron

//




//package.json

{
  "name": "start",
  "version": "1.0.0",
  "description": "первый проект",
  "main": "main.js",
  "scripts": {
    "start": "electron --no-sandbox .",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [
    "node"
  ],
  "author": "bov",
  "license": "ISC",
  "devDependencies": {
    "electron": "^12.0.6"
  }
}
//




//main.js


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

function createWindow () {
  const win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      preload: path.join(__dirname, 'preload.js')
    }
  })

  win.loadFile('index.html')
}

app.whenReady().then(() => {
  createWindow()

  app.on('activate', () => {
    if (BrowserWindow.getAllWindows().length === 0) {
      createWindow()
    }
  })
})

app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit()
  }
})
<!--index.html-->


<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'">
    <meta http-equiv="X-Content-Security-Policy" content="default-src 'self'; script-src 'self'">
    <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="./renderer.js"></script>
  </body>
</html>




Вcе записи подраздела.


Сейчас вы проходите урок:
Понимание принципа работы Electron NodeJS.

<< Назад  |  Далее >>


Все уроки с тегом:  electron