electron介绍
基于node.js chrominum v8引擎的一项跨平台工具,使用Javascript语言来编写代码,让JS通吃桌面客户端,APP应用,Web端。码农界里大名鼎鼎的VS Code编辑器,就是基于这个开发的。它的同类工具还有NW.js,基于它开发的应用有,阿里钉钉客户端,微信开发者工具。自己开下脑洞,开发一个新浪博客客户端也不是不可以。
安装环境依赖
没有安装node.js环境的,需要先安装node.js,https://nodejs.org/
- 全局安装electron
npm install electron -g
2.全局安装vue-cli
npm install vue-cli
初始化工程
vue init simulatedgreg/electron-vue my-project
控制台出现downloading template,在等上几分钟之后,回答初始化要的配置就好了。
? Application Name my-project
? Application Id net.it577.weather
? Application Version 0.0.1
? Project description An electron-vue project
? Use Sass / Scss? No
? Select which Vue plugins to install vue-electron
? Use linting with ESLint? No
? S

本文介绍了如何使用Electron和Vue.js开发一个悬浮窗天气挂件。首先讲解了Electron的基本概念,然后详细阐述了从安装环境依赖、初始化工程到运行项目的过程。接着,讨论了编写页面代码,包括新建weather.vue文件、添加路由和网络请求。文章还涵盖了配置悬浮窗、使其可拖曳、修改窗口标题、应用名称以及图标。最后,介绍了如何打包成exe安装程序。
最低0.47元/天 解锁文章
3895





