npm run dev:all :)

2020-08-16 20:42:52 +08:00
parent 73071609b6
commit 8ceefba9a1
23 changed files with 1843 additions and 45 deletions
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,15 +0,0 @@
-<template>
-  <img alt="Vue logo" src="./assets/logo.png" />
-  <HelloWorld msg="Hello Vue 3.0 + Vite" />
-</template>
-
-<script>
-import HelloWorld from './components/HelloWorld.vue'
-
-export default {
-  name: 'App',
-  components: {
-    HelloWorld
-  }
-}
-</script>
--- a/src/main/index.ts
+++ b/src/main/index.ts
@@ -0,0 +1,27 @@
+/**
+ * electron 主文件
+ */
+import { join } from 'path'
+import { app, BrowserWindow } from 'electron'
+import is_dev from 'electron-is-dev'
+import dotenv from 'dotenv'
+
+dotenv.config({ path: join(__dirname, '../../.env') })
+
+let win = null
+
+function createWin() {
+  // 创建浏览器窗口
+  win = new BrowserWindow({
+    width: 1024,
+    height: 768,
+  })
+
+  const URL = is_dev
+    ? `http://localhost:${process.env.PORT}` // vite 启动的服务器地址
+    : `file://${join(__dirname, '../render/dist/index.html')}` // vite 构建后的静态文件地址
+
+  win.loadURL(URL)
+}
+
+app.whenReady().then(createWin)
--- a/src/render/App.vue
+++ b/src/render/App.vue
@@ -0,0 +1,26 @@
+<template>
+  <div class="logo-box">
+    <img style="height:200px;" src="./assets/electron.png" alt="Electron logo">
+    <img alt="Vue logo" src="./assets/logo.png" />
+  </div>
+  <HelloWorld msg="Hello Electron 9.0 + Vue 3.0 + Vite" />
+</template>
+
+<script>
+import HelloWorld from './components/HelloWorld.vue'
+
+export default {
+  name: 'App',
+  components: {
+    HelloWorld
+  }
+}
+</script>
+
+<style>
+.logo-box {
+  display: flex;
+  width: 100%;
+  justify-content: center;
+}
+</style>
--- a/src/render/assets/electron.png
+++ b/src/render/assets/electron.png
--- a/src/render/assets/logo.png
+++ b/src/render/assets/logo.png
--- a/src/render/components/HelloWorld.vue
+++ b/src/render/components/HelloWorld.vue
--- a/src/render/index.css
+++ b/src/render/index.css
--- a/src/render/index.html
+++ b/src/render/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <link rel="icon" href="/favicon.ico" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Vite App</title>
+</head>
+<body>
+  <div id="app"></div>
+  <script type="module" src="/main.js"></script>
+</body>
+</html>
--- a/src/render/main.js
+++ b/src/render/main.js
--- a/src/render/public/favicon.ico
+++ b/src/render/public/favicon.ico