Electron使用指南 - [10] 构建 Vue 项目基本结构

准备 Header, Main, 和 Modal 三个组件。

1、reset.css 样式

编写 reset.css 样式：

/* /src/assets/styles/reset.css */

html, body {
  height: 100%;
}

body {
  font: caption;
  margin: 0;
  display: flex;
  flex-flow: column;
}

2、App 根组件

编辑 /renderer/src/App.vue：

3、Header 组件

在 components 文件夹下创建 Header.vue 组件： /src/components/Header.vue

4、Main 组件

在 components 文件夹下创建 Main.vue 组件： /src/components/Main.vue

5、modal 组件

在 components 文件夹下创建 Modal.vue 组件： /src/components/Modal.vue