使用Electron+Vue构建桌面程序(学习笔记)

本文介绍了使用Electron和Vue.js构建桌面应用程序的过程,包括选择 Electron 的原因,搭建所需的Node.js环境,如何初始化并运行一个Electron+Vue的项目,以及在开发过程中遇到的文件大小优化问题。
摘要由CSDN通过智能技术生成

1,使用Electron+Vue构建桌面程序得初衷。

因为构建桌面程序,可以使得项目无需在服务器部署服务,如同我们经常使用得桌面程序一样直接双击打开使用。同时对于前端人员来说,可以直接使用javascript得标准来编写桌面程序,无需使用微软的技术栈(C#写的我脑瓜子疼…)。使得javascript的用途更加广泛了。好,废话不多说…

2,构建程序框架所需环境

  • Nodejs(是不是发现了…只要前端相关,都离不开它)
    对于熟悉前端的都已经不陌生了…
    总之优点一大堆…
    Node.js 是基于chromeV8的js运行环境。
    Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型(高效/轻量)
    Node.js 有全球最大的开源库生态系统(包管理npm)等等…
    这个…Nodejs下载安装就自行解决吧(尽量使用稳定版)…没什么特别的地方。
  • Electron
    我们今天主角Electron:electron也是主要基于Chromium 和 Node.js这哥俩,你能写HTML/CSS/Javasript构建你想要的应用。而且,他呢还能够跨平台,现在主流的平台windows/macos/Linux都没问题。
    如果还不能理解那么就把他想成是一个浏览器。
    PS:VS Code就是使用这个写出来的。

3,正式开始构建
我们使用SimulatedGREG/electron-vue里面介绍的方式来构建。
首先通过npm

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值