Interview Asked electronic, that is, before understanding electronic packaging desktop applications. Hey come back curious fiddle fiddle chant! To get started quickly removing the tedious process configuration, the direct use of the electron-vue understand the scaffold
electron official website : https://electronjs.org
electron-vue document : https://simulatedgreg.gitbooks.io/electron-vue/content/cn/
1. Create an electron-vue project
vue init simulatedgreg/electron-vue my-project
To ensure that the global installed scaffolding vue-cli
2. Go to the directory and run the project
cd my-project
npm install
npm run dev // Run Project
File Description:
(1)electron-vue:
Some of electron configuration and webpack
Project files packed: (2) build
npm // Packaging run build
npm run build: clean // packaged before clearing
(3) src: file write operation project
main folder
Create a main window of the management desktop applications, and application life cycle Electron
renderer folder
And vue-cli the src file scaffolding-like, where you can write happy vue code.
run build and install the package 3.npm effect after success
Other follow-up slowly learning the basis of electron friends ~