Es basura
La versión de vue-cli es 4.5.x
Se pueden usar varios complementos de vue
El marco seguirá mejorando en la práctica.
Dirección del proyecto de práctica
https://blog.csdn.net/qq_42027681/category_10690045.html
dirección de github
Versión de Vue2.x
https://github.com/dmhsq/electron-vue-dmhsq
o
https://github.com/dmhsq/electron-vue/tree/main/template
Versión Vue3.x
https://github.com/dmhsq/electron-vue3-dmhsq
La dist y src en el electrón se ignoran para la prueba
Clonar archivo
Versión de Vue2.x
clon de git https://github.com/dmhsq/electron-vue-dmhsq.git
Versión Vue3.x
clon de git https://github.com/dmhsq/electron-vue3-dmhsq.git
Descripción del catálogo
La carpeta electron controla la ejecución y el empaquetado del lado del escritorio. El
resto son el directorio vue
electron / main.js programa principal de la aplicación de escritorio
electron / main.js programa de renderizado de la aplicación de escritorio
electron-vue-dmhsq
Si solo desea empaquetar el proyecto vue en un exe
npm run builds
执行完成后
在electron文件夹中
npm run build
Dependencias de instalación
npm install
Página de desarrollo caliente
npm run serve
Solo paquete vue, no electron
npm run builds
打包的文件在electron下
Página de desarrollo caliente
npm run build
执行完成后
开启额外的控制台
cd electron
npm run serve
Electrón de desarrollo térmico
npm run builds
执行完成后
开启额外的控制台
cd electron
npm run serve
Aplicación de paquetes de electrones
最终打包需要删除electron/main.js中的fs模块
npm run builds
执行完成后(如果页面已经打包过无需此步)
在electron文件夹中
npm run build
Manifestación
Desarrollo caliente de la página Vue
desarrollo en caliente de la página de electrones
Modificar la ventana de recarga del archivo vue
Desarrolle electron (la actualización en caliente aún no se ha implementado, después de todo, debe reiniciar la aplicación y pensar en una solución más adelante)
Puede agregar ventanas adicionales en electron / mian.js,
interactuar con win, etc. Para
el desarrollo de electrones, consulte la documentación oficial https://www.electronjs.org/docs
Paquete como programa exe
Tutoriales
Para obtener un tutorial detallado, consulte
https://blog.csdn.net/qq_42027681/category_10690045.html
Descarga electron-vue-dmhsq
Hay un clon de git
Versión de Vue2.x
git clone https://github.com/dmhsq/electron-vue-dmhsq.git
o
descargar Descargar
Versión Vue3.x
https://github.com/dmhsq/electron-vue3-dmhsq.git clon git
https://github.com/dmhsq/electron-vue3-dmhsq
o
descargar Descargar
Página de desarrollo normal
Puede desarrollar la página web normalmente, de
qué depende el complemento vue, use
elementui para hacer que la página se vea mejor
Desarrollar la interacción win / mac
Desarrolle el archivo electron / main.js,
consulte el documento oficial https://www.electronjs.org/docs
Bala
Una vez completada la ejecución de npm run builds
,
npm run build en la carpeta electron
Hola a todos, soy un code husky, un estudiante de ingeniería de redes en la Facultad de Software, porque soy un "perro" y puedo comer carne a miles de kilómetros. Quiero compartir lo que aprendí en la universidad y progresar con todos. Sin embargo, debido al nivel limitado, inevitablemente habrá algunos errores en el blog. Si hay alguna omisión, ¡házmelo saber! Por el momento, solo actualice en la plataforma csdn, la página de inicio del blog: https://blog.csdn.net/qq_42027681 .
未经本人允许,禁止转载
Se lanzará más tarde
Front-end: vue entrada vue subprograma de desarrollo, etc.
Back-end: entrada java entrada springboot, etc.
Servidor: servidor de entrada MySQL instrucciones simples servidor en la nube para ejecutar el proyecto
python: recomendado no calentar, asegúrese de ver
el uso de algunos complementos, etc.
El camino de la universidad también está en uno mismo, estudiar mucho, juventud
con pasión. Si te interesa la programación, puedes unirte a nuestro grupo qq para comunicarnos juntos: 974178910
Si tiene alguna pregunta, puede dejar un mensaje a continuación, le responderé si lo ve