electron+vue制作桌面应用--前言

fxp 发布于2019-08-21 17:18 / 450人阅读

摘要：最近学习，发现一个脚手架，不仅集成好了等等，甚至打包工具打包命令都一并准备好了，实在是太方便了。于是产生了通过制作一个简单的桌面应用，边做边学的想法。

最近学习vue，发现一个electron脚手架，不仅集成好了electron、vue、vue-state、vue-route、webpack等等，甚至打包工具打包命令都一并准备好了，实在是太方便了。于是产生了通过electron+vue制作一个简单的桌面应用，边做边学的想法。废话不多说，现在开始吧。
安装

//安装vue-cli
npm i vue-cli -g
//这里my-project换成自己的项目名称
vue init simulatedgreg/electron-vue my-project

接下来按照提示一步一步选择，是否使用esline，是否使用各种测试工具，选择打包方式（有electron-builder和electron-packager）

//切换到项目目录
cd my-project
//安装依赖的包
npm i
//运行
npm run dev

运行起来了

GPU云服务器云服务器 webrtc结合electron桌面分享 vue webrtc 桌面共享桌面制作软件阿里云轻应用服务器部署vue

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/89375.html

vue-electron制作网易云音乐客户端

摘要：很好，前端任务又来了，开发过程中踩了不少坑，一个缺点就是体积大。切入正题，通过对的一些了解，业余时间通过搭建了一个网易云音乐客户端，因为时间关系只做了客户端的核心部分，有时间更新，这个项目会坚持做下去。前言就在两个月前公司需求快速开发一款桌面应用软件，嗯，快速。并且提供了技术方案Nwjs，起初不知道这款框架的存在，网上查找了一波，发现更牛逼的一款快速搭建桌面应用的框架，那么它就是...

Lin_YT 2019-08-21 11:59 评论0 收藏0
electron+vue制作桌面应用--自定义标题栏最大/小化和关闭

摘要：上一篇制作桌面应用自定义标题栏中我们介绍了如何使用制作自定义样式的标题栏接下来，我们介绍一下标题栏上的最大化最小化和关闭按钮如何实现首先查阅文档部分，我们发现已经准备好和三个方法供我们调用了。上一篇：electron+vue制作桌面应用--自定义标题栏中我们介绍了如何使用electon制作自定义样式的标题栏接下来，我们介绍一下标题栏上的最大化、最小化和关闭按钮如何实现首先查阅ele...

dinfer 2019-08-30 13:50 评论0 收藏0
electron+vue制作桌面应用--自定义标题栏最大/小化和关闭

摘要：上一篇制作桌面应用自定义标题栏中我们介绍了如何使用制作自定义样式的标题栏接下来，我们介绍一下标题栏上的最大化最小化和关闭按钮如何实现首先查阅文档部分，我们发现已经准备好和三个方法供我们调用了。上一篇：electron+vue制作桌面应用--自定义标题栏中我们介绍了如何使用electon制作自定义样式的标题栏接下来，我们介绍一下标题栏上的最大化、最小化和关闭按钮如何实现首先查阅ele...

liukai90 2019-08-21 17:18 评论0 收藏0