使用.NET、Angular与Electron开发桌面应用时dotnet-electronize命令报错求助

嘿，这个问题我之前折腾.NET Core旧版本的时候也碰到过，核心原因基本是Electron.NET的CLI工具没安装或者版本不兼容，下面一步步给你解决：

一、先安装Electron.NET CLI工具（关键步骤） #

因为你用的是.NET Core 2.0，高版本的Electron.NET CLI已经不再支持这个旧框架了，所以得安装对应兼容的版本：

1. 打开命令行，执行以下命令安装指定版本的CLI：

   dotnet tool install --global ElectronNET.CLI --version 2.8.2
   

   （这个版本是经过验证支持.NET Core 2.0的，别随便用最新版）
2. 安装完成后，检查你的系统PATH环境变量是否包含dotnet工具目录：
   • Windows：%USERPROFILE%\.dotnet\tools
   • Mac/Linux：~/.dotnet/tools
     如果没在PATH里，手动添加后重启命令行，这样系统才能找到dotnet-electronize命令。

二、项目内的配置步骤 #

1. 进入你的.NET Core Angular项目目录，执行初始化命令：

   dotnet electronize init
   

   这时候会生成electron.manifest.json配置文件，你可以在这里设置窗口大小、图标等Electron相关参数。
2. 在项目的.csproj文件中添加ElectronNET.API的包引用（版本要和CLI一致）：

   <ItemGroup>
     <PackageReference Include="ElectronNET.API" Version="2.8.2" />
   </ItemGroup>
   

三、核心代码配置 #

1. 修改Program.cs #

让WebHost支持Electron启动：

using ElectronNET.API;
using Microsoft.AspNetCore;
using Microsoft.AspNetCore.Hosting;

namespace YourProjectName
{
    public class Program
    {
        public static void Main(string[] args)
        {
            CreateWebHostBuilder(args).Build().Run();
        }

        public static IWebHostBuilder CreateWebHostBuilder(string[] args) =>
            WebHost.CreateDefaultBuilder(args)
                .UseStartup<Startup>()
                .UseElectron(args); // 添加这一行，启用Electron支持
    }
}

2. 修改Startup.cs #

在Configure方法中初始化Electron窗口：

using ElectronNET.API;
using Microsoft.AspNetCore.Builder;
using Microsoft.AspNetCore.Hosting;
using Microsoft.AspNetCore.SpaServices.AngularCli;
using Microsoft.Extensions.Configuration;
using Microsoft.Extensions.DependencyInjection;

namespace YourProjectName
{
    public class Startup
    {
        // ... 其他默认代码省略

        public void Configure(IApplicationBuilder app, IHostingEnvironment env)
        {
            // ... 其他默认中间件配置省略

            // 添加Electron窗口初始化逻辑
            if (HybridSupport.IsElectronActive)
            {
                Task.Run(async () =>
                {
                    var mainWindow = await Electron.WindowManager.CreateWindowAsync();
                    // 窗口关闭时退出应用
                    mainWindow.OnClosed += () => Electron.App.Quit();
                });
            }

            // ... 其他默认代码（比如Angular Spa配置）省略
        }
    }
}

四、运行项目 #

配置完成后，执行以下命令启动Electron应用：

dotnet electronize start

第一次启动会下载Electron的运行时，耐心等一下就行。

关于样板代码 #

上面的配置就是适配.NET Core 2.0 + Angular的基础样板了，你可以基于这个结构扩展功能，比如添加菜单、托盘图标等，都可以通过ElectronNET.API来实现。

内容的提问来源于stack exchange，提问作者kkakroo