使用电子将脚手架项目打包成可执行程序的扩展名的方法

如果你已经做好了一个某视频剪辑软件的项目，并且想要将他打包成exe，那么请继续阅读。

首先你可以下载一个演示了解一下。

饭桶克隆https://github.com/electron/electron-quick-startcd电子-快速启动新公共管理安装新公共管理启动这个演示主要就是main.js和package.json

打开main.js

const {app，浏览器窗口}=require(' electronic ')让mainWindowfunction Create window(){//创建浏览器窗口。主窗口=新浏览器窗口({宽度： 800,高度： 600})//创建一个浏览器窗口，可配置宽高//并加载应用程序的index.html .主窗口。LoadFile('索引。html ')//加载html //打开开发工具//主窗口。网络内容。opendevtools()//打开调试窗口mainWindow.on('closed '，function(){ main window=null })} app。打开('就绪'，createWindow)应用程序。on(' window-all-closed '，function () { if (process.platform！=='达尔文'){ app。退出()} })应用程序。on(' activate '，function(){ if(main window===null){ createWindow()})包。数据

{ ' name ' : ' electronic-quick-start '，' version': '1.0.0 '，' description ' : ' A minimum electronic application '，' main': 'main.js '，//入口，根据自己的项目修改脚本' : { '开始' : '电子}，' repository ' : ' https://github。com/electron/electron-quick-start '，'关键字' : [ 'Electron '，' quick '，' start '，' tutorial '，' demo '，' author': 'GitHub '，' license': 'CC0-1.0 '，' devdependencies ' : { ' electron ' : '^2.0.0' } }运行新公共管理启动

显示窗口

好吧，现在我们在自己的项目上安装两个依赖

新公共管理安装电子-保存-开发新公共管理安装电子-打包-保存-开发有两种打包方式电子包装机和电子建设者，官方推荐电子建设者，但是较为麻烦，初学者建议先用

电子包装机

首先将例子中的main.js复制一份并重命名为电子

修改为mainWindow.loadFile(' ./dist/index.html ')

然后对你的项目进行打包国家预防机制运行构建

打包完成后，将电子的。射流研究…在复制一份到距离目录下，修改主窗口。LoadFile('索引。html’)

将项目根目录下的package.json修改

如同以下

main': 'build/electron.js '，//入口脚本' : { ' dev ' : '节点构建/dev-server。js '，' start': 'npm run dev '，' build': 'node build/build.js '，' test ' : ' electronic '，' electron _ build ' : '电子包装器/dist exe名称-平台=win32-arch=x64-图标=./assets/img/fav图标。ico-overwrite ' }，复制package.json到距离目录下，修改

main': 'electron.js '，1运行新公共管理测试打开项目

运行新公共管理运行电子构建进行打包，exe图标必须有，格式是ico，exeName是可执行程序的扩展名的名称，根据自己需要配置

为什么要在距离目录加上电子的。射流研究…和package.json呢？这是因为内部机制会找到index.html下package.json进行打包

以上这篇使用电子将脚手架项目打包成可执行程序的扩展名的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。