Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Desktop apps with Vue

1,086 views

Published on

How to build a desktop app with Vue in 3 different ways

Published in: Engineering
  • Be the first to comment

Desktop apps with Vue

  1. 1. DESKTOP APPLICATIONS WITH
  2. 2. YOUR TALK IS ABOUT ELECTRON?
  3. 3. NATALIA TEPLUHINA@N_TEPLUHINA COMMUNITY PARTNER SENIOR FRONTEND ENGINEER GOOGLE DEV EXPERT
  4. 4. @N_Tepluhin
  5. 5. @N_Tepluhin
  6. 6. @N_Tepluhin
  7. 7. @N_Tepluhin
  8. 8. @N_Tepluhin
  9. 9. @N_Tepluhin
  10. 10. @N_Tepluhin
  11. 11. @N_Tepluhin MAIN PROCESS
  12. 12. @N_Tepluhin RENDERER PROCESS
  13. 13. @N_Tepluhin HOW TO DO IT WITH VUE?
  14. 14. @N_Tepluhin INSTALL
  15. 15. @N_Tepluhin CREATE MAIN FILE
  16. 16. @N_Tepluhin CREATE MAIN FILE
  17. 17. CREATE MAIN FILE @N_Tepluhin
  18. 18. @N_Tepluhin ADD NPM TASKS
  19. 19. @N_Tepluhin
  20. 20. @N_Tepluhin MODIFY CONFIG
  21. 21. @N_Tepluhin DOES VUE-ROUTER WORK FINE?
  22. 22. @N_Tepluhin AND VUEX?
  23. 23. @N_Tepluhin
  24. 24. @N_Tepluhin STATE Renderer 1Renderer 2Renderer
  25. 25. @N_Tepluhin
  26. 26. @N_Tepluhin VUEX-ELECTRON
  27. 27. @N_Tepluhin VUE-CLI PLUGIN
  28. 28. @N_Tepluhin
  29. 29. @N_Tepluhin ~130 MB PACKAGE
  30. 30. @N_Tepluhin
  31. 31. @N_Tepluhin
  32. 32. @N_Tepluhin
  33. 33. @N_Tepluhin WHAT’S THE DIFFERENCE?
  34. 34. @N_Tepluhin MAIN ENTRY POINT CHROMIUM USAGE SOURCE CODE PROTECTION
  35. 35. @N_Tepluhin INSTALL
  36. 36. @N_Tepluhin MODIFY PACKAGE.JSON
  37. 37. @N_Tepluhin RUN APP
  38. 38. @N_Tepluhin SIMPLIFY
  39. 39. @N_Tepluhin SIMPLIFY
  40. 40. @N_Tepluhin
  41. 41. @N_Tepluhin BUILD
  42. 42. @N_Tepluhin BUILD
  43. 43. @N_Tepluhin VUE-ROUTER VUEX
  44. 44. @N_Tepluhin VUE-CLI PLUGIN
  45. 45. @N_Tepluhin
  46. 46. @N_Tepluhin ~230 MB PACKAGE 😱 (CAN BE REDUCED SIGNIFICANTLY)
  47. 47. @N_Tepluhin
  48. 48. @N_Tepluhin
  49. 49. @N_Tepluhin POWERED BY LIBUI-NODE
  50. 50. @N_Tepluhin
  51. 51. @N_Tepluhin WINDOWS WINDOWS-BUILD-TOOLS VISUAL C++ REDISTRIBUTABLE PACKAGE
  52. 52. @N_Tepluhin LINUX BUILD-ESSENTIAL GTK+ 3
  53. 53. @N_Tepluhin OSX XCODE ONLY
  54. 54. @N_Tepluhin
  55. 55. @N_Tepluhin VUIDO-WEBPACK- TEMPLATE BOILERPLATE
  56. 56. @N_Tepluhin
  57. 57. @N_Tepluhin
  58. 58. @N_Tepluhin
  59. 59. @N_Tepluhin
  60. 60. @N_Tepluhin PACKAGING
  61. 61. @N_Tepluhin VUE-ROUTER VUEX
  62. 62. @N_Tepluhin AUTHOR
  63. 63. @N_Tepluhin
  64. 64. @N_Tepluhin FIND WHAT SERVES BETTER FOR YOU
  65. 65. @N_Tepluhin

×