一个简单的Electron项目

一:根据官方稳定检查是否安装node.js

node -v
npm -v

 注意:因为Electron将node.js嵌入其二进制文件中,你应用运行时的node.js版本与你系统运行的node.js版本无关

二:安装应用程序

npm:
mkdir my-electron-app && cd my-electron-app
npm init

yarn:
mkdir my-electron-app && cd my-electron-app
yarn init

   输入后会让你输一些啥版本,入口文件等命令。我是直接没输直接全部回车,回车完了以后就会生产package.json文件

三:将electron包安装到应用开发依赖中

npm:
npm install --save-dev electron

yarn:
yarn add --dev electron

四:在package.json配置文件中的scripts字段下增加一条start命令

{
  "scripts": {
    "start": "electron ."
  }
}

五:我们可以把vue打包好的dist文件内容全部复制到此项目的根目录,然后打开终端运行项目

npm:
npm start

yarn:
yarn start

 注意:在跑此脚本的时候会立即抛出一个错误类似关于无法找到要的运行的应用

六:根目录导入index.js。我这里的配置文件的main参数写的是index.js所以我导入的就是index.js

具体详细代码在官方文档,快速入门最下面

 

posted @ 2022-09-29 16:37  前端老菜姬  阅读(95)  评论(0编辑  收藏  举报