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 進而建立視窗