项目地址,欢迎批评指正,随手Star哟
- Electron-vue实战-每日清单—01Electron-vue的使用
- Electron-vue实战-每日清单—02Electron-vue的目录详解
- 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
│ │ ├─ specs/
│ │ ├─ index.js
│ │ └─ 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 从而创建窗口