feat: enable dev tools

Author: KatoakDR

electron/main/app.ts

@@ -30,10 +30,11 @@ serve({ directory: appRendererPath });
 
 const createWindow = async (): Promise<void> => {
   const mainWindow = new BrowserWindow({
-    width: 800,
-    height: 600,
+    width: 1200,
+    height: 800,
     webPreferences: {
       preload: path.join(appPreloadPath, 'index.js'),
+      devTools: !app.isPackaged,
       /**
        * Security Best Practices
        * https://www.electronjs.org/docs/latest/tutorial/security

electron/main/menu/index.ts

@@ -139,6 +139,14 @@ function buildDarwinTemplate(
           window.setFullScreen(!window.isFullScreen());
         },
       },
+      {
+        label: 'Toggle Developer Tools',
+        accelerator: 'Alt+Command+I',
+        visible: !app.isPackaged,
+        click: () => {
+          window.webContents.toggleDevTools();
+        },
+      },
       { type: 'separator' },
       {
         label: 'Reset Zoom',