欢迎来到源码码网
帮助中心

源码码网

热门搜索: 淘宝客    点赞系统    虚拟商城源码    小程序源码   
免费发布需求
免费发布商品

Electron+Vue搭建跨平台桌面应用Hello World

  • 时间:2021-07-17 10:51 编辑:admin 来源:源码码网 阅读:59
  • 扫一扫,手机访问
摘要:Electron是一个基于Chromium和 Node.js的跨平台的桌面应用开发框架,可以让我们用html css js的技术开发跨平台桌面应用软件,也是当下最流行的跨平台桌面应用框架。

介绍

        Electron是一个基于Chromium和 Node.js的跨平台的桌面应用开发框架,可以让我们用html css js的技术开发跨平台桌面应用软件,也是当下最流行的跨平台桌面应用框架。

环境搭建

        在创建Electron跨平台应用之前,我们需要先安装一些常用的工具,如Node、vue和Electron等。

        1.安装Node.js

        进入Node官网下载页http://nodejs.cn/download/,然后下载对应的版本即可,下载时建议下载稳定版本,然后双击安装程序根据提示安装即可。

        2.安装/升级vue-cli脚手架

        a.先执行:vue -V,确认下本地安装的vue-cli版本

        b.如果没有安装或者不是最新版,可以执行: npm install @vue/cli -g 安装/升级

        3.安装Electron

        使用如下命令安装Electron插件

      npm install -g electron
      或者
     cnpm install -g electron

        为了验证是否安装成功,可以使用如下的命令。

      electron --version

        4.创建运行项目

        Electron官方提高了一个简单的项目,可以执行以下命令将项目克隆到本地。

      git clone https://github.com/electron/electron-quick-start

        然后在项目中执行如下命令即可启动项目。

cd electron-quick-start
npm install
npm start

        启动后项目的效果如下图:

1.jpg

除此之外,我们可以使用vue-cli脚手架工具来创建项目 

vue init simulatedgreg/electron-vue

然后根据下面的提示一步步选中选项即可创建项目,如下所示:

2.jpg

然后,使用npm install命令安装项目所需要的依赖包,安装完成之后,可以使用npm run dev或npm run build命令运行electron-vue模版应用程序,运行效果如下图所示 :

3.jpg

工程结构

4.jpg

我们主要的开发的代码在src下,分为主进程、渲染进程,main下操作的是主进程,renderer下操作的是渲染进程。

  • 全部评论(0)
最新发布的资讯信息
【源码教程|C语言教程】计算机编程语言有哪些?该如何有选择性的去学?(2021-07-19 21:38)
【源码教程|C语言教程】C语言开发学生信息管理系统演示及说明(文件版)(2021-07-19 18:19)
【源码教程|C语言教程】C语言开发贪吃蛇小游戏演示及说明(2021-07-19 18:13)
【行业资讯|】特种考试模拟系统都有哪些功能(2021-07-19 16:28)
【行业资讯|】济宁通和带你了解一下“一款线上的特种考试模拟系统”(2021-07-19 16:27)
【建站技巧|网站运营】二级域名对网站SEO优化有何利弊?(2021-07-17 15:07)
【软件教程|软件开发】Web开发之Vue与HTML5关系(2021-07-17 11:01)
【软件教程|软件开发】Electron+Vue搭建跨平台桌面应用Hello World(2021-07-17 10:51)
【源码教程|Java教程】Java方法里Overload 和 Override 的区别是什么?(2021-07-17 10:04)
【建站技巧|数据库】SQL | DDL、DQL、DML、DCL 和 TCL 命令介绍(2021-07-17 10:00)
联系我们

QQ:2494243972、1105326722

投诉举报:1105326722@qq.com

广告合作:QQ 110532672

源码码网手机版二维码
联系客服
手机版
源码码网手机版二维码
扫一扫进手机版
返回顶部