zoukankan      html  css  js  c++  java
  • electron搭建开发环境

    环境:windons10, nodev14.17.1, vscode

    md a_star

    cd a_star

    npm i -g yarn

    yarn config set ELECTRON_MIRROR https://cdn.npm.taobao.org/dist/electron/

    因为在此系统上禁止运行脚本...报错时,执行下面命令
    set-ExecutionPolicy RemoteSigned

    yarn init

    yarn config set ELECTRON_MIRROR https://cdn.npm.taobao.org/dist/electron/

    yarn add electron@8.1.0 --dev

    yarn add electron@8.1.0 --dev --platform=win64

    新建页面index.html

    <html>
      <head>
        <meta charset="UTF-8">
        <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="./render.js"></script>
      </body>
    </html>

    index.js

    var electron = require('electron');
    var app = electron.app;
    var BrowserWindow = electron.BrowserWindow;
    var win = null;
    app.on('ready', function(){
        win = new BrowserWindow({
            webPreferences: {
                nodeIntegration: true
            }
        });
        win.loadFile('index.html');
        win.on('closed', function(){
            win = null
        });
    }
    );
    
    app.on('window-all-closed', function () {
        console.log(process.platform);
        if (process.platform !== 'darwin') app.quit()
    });
      

     package.json

    {
      "name": "a_star",
      "version": "1.0.0",
      "main": "index.js",
      "scripts": {
        "start": "electron ./index.js"
      },
      "license": "MIT",
      "devDependencies": {
        "electron": "8.1.0"
      }
    }

    yarn start 

    如果启动失败,确认一下下面的目录是否存在,如果不存在则说明安装不成功,错误信息中也会提示你重试,那就重试,本人是第二次重试时安装成功

    node_modules/electron/dist/

  • 相关阅读:
    Django框架之第三篇模板语法
    Django框架之第二篇
    Django框架第一篇基础
    【数学基础】【快速幂运算模板】
    【搜索】【广搜模板】
    【动态规划】【子序列模板】
    [置顶] 【ACM模板】——hello_chengdongni 随着姿势提升,不定期补充
    【搜索入门专题1】 hdu1242 J
    【搜索入门专题1】E
    【搜索入门专题1】hdu1253 【BFS】 F
  • 原文地址:https://www.cnblogs.com/perfei/p/14856390.html
Copyright © 2011-2022 走看看