文件树

在开发过程中

注意: 某些文件或文件夹可能会根据在 vue-cli 脚手架中所选设置的不同而有所不同。

  1. my-project
  2. ├─ .electron-vue
  3. │  └─ <build/development>.js files
  4. ├─ build
  5. │  └─ icons/
  6. ├─ dist
  7. │  ├─ electron/
  8. │  └─ web/
  9. ├─ node_modules/
  10. ├─ src
  11. │  ├─ main
  12. │  │  ├─ index.dev.js
  13. │  │  └─ index.js
  14. │  ├─ renderer
  15. │  │  ├─ components/
  16. │  │  ├─ router/
  17. │  │  ├─ store/
  18. │  │  ├─ App.vue
  19. │  │  └─ main.js
  20. │  └─ index.ejs
  21. ├─ static/
  22. ├─ test
  23. │  ├─ e2e
  24. │  │  ├─ specs/
  25. │  │  ├─ index.js
  26. │  │  └─ utils.js
  27. │  ├─ unit
  28. │  │  ├─ specs/
  29. │  │  ├─ index.js
  30. │  │  └─ karma.config.js
  31. │  └─ .eslintrc
  32. ├─ .babelrc
  33. ├─ .eslintignore
  34. ├─ .eslintrc.js
  35. ├─ .gitignore
  36. ├─ package.json
  37. └─ README.md

产品构建

  1. app.asar
  2. ├─ dist
  3. │  └─ electron
  4. │     ├─ static/
  5. │     ├─ index.html
  6. │     ├─ main.js
  7. │     └─ renderer.js
  8. ├─ node_modules/
  9. └─ package.json

可以说，几乎所有的东西都在最终的产品构建中被删除。在分发 electron 应用程序时，这几乎是强制性的，因为你不希望用户下载拥有庞大文件的臃肿的软件。