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/

相关阅读:
服务器和虚拟机怎么安装Kaldi？
SHSSS丨从人设到音色——基于说话人属性特征的语音合成
Vue生命周期钩子
快速入门React(基础)
[Vue warn]: Failed to resolve filter: xxxxxxx
Node.js express 连接数据库
项目本地预览
vue配置启动项目自动打开浏览器
css 实现div内显示两行或三行，超出部分用省略号显示
VSCode格式化代码配置

原文地址：https://www.cnblogs.com/perfei/p/14856390.html