用electron+vue写一个悬浮窗天气挂件

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

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

electron介绍

基于node.js chrominum v8引擎的一项跨平台工具,使用Javascript语言来编写代码,让JS通吃桌面客户端,APP应用,Web端。码农界里大名鼎鼎的VS Code编辑器,就是基于这个开发的。它的同类工具还有NW.js,基于它开发的应用有,阿里钉钉客户端,微信开发者工具。自己开下脑洞,开发一个新浪博客客户端也不是不可以。

安装环境依赖

没有安装node.js环境的,需要先安装node.js,https://nodejs.org/

  1. 全局安装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<

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值