vue3+electron开发桌面软件入门与实战(0)——创建electron应用_百度知...

发布网友发布时间：2024-10-04 02:16

共1个回答

热心网友时间：2024-10-08 18:24

系列文章：

通过本文教程，你将逐步创建一个完整的electron应用，并深入理解项目搭建过程中的关键知识点和问题解决策略。开始前，确保对electron有一个基本的认识，访问官网electronjs.org/zh/docs...，了解其基本功能和electron-forge的简化使用。

初次接触electron，建议先从官网学习electron-forge和electron-builder的打包方式，选择electron-forge是因为其易用性。对初次落地的项目，推荐使用electron-builder进行打包，这将避免自行研究复杂的混合打包过程。

现在，进入正题，以下是零基础创建electron项目的步骤：

在本地工作目录创建新文件夹，如"electron-vue-basic"，然后通过cmd打开并输入命令以快速创建package.json。

接下来，初始化项目并配置基本参数。即使对命令行不熟悉，也可以按照提示操作，错误可以随时修改package.json。确保网络稳定，如遇到下载问题，尝试切换到手机流量网络。

下载并成功初始化electron项目后，使用IDE如Webstorm打开项目，配置package.json，包括项目名称、版本、模块类型、入口文件、描述等信息。

配置完成后，检查electron环境是否搭建正确。以指定的main.js入口文件为例，创建并运行项目，看到"hello world"输出，证明项目运行成功。