Electron-vue实战-每日清单---02Electron-vue的目录详解

项目地址 ，欢迎批评指正，随手Star哟

1. Electron-vue实战-每日清单—01Electron-vue的使用
2. Electron-vue实战-每日清单—02Electron-vue的目录详解
3. Electron-vue实战-每日清单—03功能介绍与环境搭建

my-project

├─ .electron-vue

│ └─ build.js

打包时调用，在package.json中的script里的build命令

“build”: “node .electron-vue/build.js && electron-builder”,

│ └─ dev-client.js

│ └─ dev-runner.js

运行时的配置

│ └─ webpack.main.config.js

针对 electron 的 main 进程

│ └─ webpack.renderer.config.js

针对 electron 的 renderer 进程

│ └─ webpack.web.config.js

针对为浏览器构建你的 renderer 进程的源代码

│ └─ icons/

├─ dist

打包之后的目录

│ ├─ electron/

│ └─ web/

├─ node_modules/

项目所需的依赖

├─ src

│ ├─ main

主进程目录

│ │ ├─ index.dev.js

会安装加载vue-devtools

│ │ └─ index.js

main进程的主要方法都在这里写

│ ├─ renderer

渲染进程，也就是vue所在

│ │ ├─ components/

定义vue组件

│ │ ├─ router/

vue-router的路由

│ │ ├─ store/

vuex

│ │ ├─ App.vue

│ │ └─ main.js

vue中的main.js

│ └─ index.ejs

相当于index.html ,因为webpack会将他打包成index.html

├─ static/

静态资源

├─ test

│ ├─ e2e

│ │ ├─ specs/

│ │ ├─ index.js

│ │ └─ utils.js

│ ├─ unit

│ │ └─ karma.config.js

│ └─ .eslintrc

├─ .babelrc

├─ .eslintignore

├─ .eslintrc.js

eslint的配置文件，如果你使用eslint的会自动生成他

├─ .gitignore

配置上传git忽略的文件

├─ package.json

定义了这个项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证等元数据）

└─ README.md

执行npm run dev或 yarn dev 会现在package.json中找到

“dev”: “node .electron-vue/dev-runner.js”,

执行命令会先找到 .electron-vue/dev-runner.js 这个js中 的 startMain()函数会找到…/src/main/index.dev.js，

而在这个js中会require(’./index’)，会找到同级目录下的jndex.js 从而创建窗口