IT辅导娱乐网| 蜘蛛地图| 所有文章|
Electron+Vue搭建跨平台桌面应用 - IT辅导
  • 首页
  • IT技术 IT辅导资源网设计图
    • DVWA靶场
    • sqli-lab靶场
  • 源码基地
  • 软件分享 IT辅导资源网设计图
    • 辅助软件
  • emlog教程
  • 白嫖活动
  • 网络技巧 IT辅导资源网设计图
    • seo教程
  • 编程教程
  • 值得看一看 IT辅导资源网设计图
    • 值得听一听
    • 读懂世界
    • 活动线报
  • 更多功能 IT辅导资源网设计图
    • 在线投稿
    • 公告动态
    • 广告合作
    • 匿名投稿


登录后,享受更多优质服务哦
IT辅导资源网站长qq头像
欢迎回来,可爱的会员!个人中心退出登录
导航菜单
  • 首页
  • IT技术
    • DVWA靶场
    • sqli-lab靶场
  • 源码基地
  • 软件分享
    • 辅助软件
  • emlog教程
  • 白嫖活动
  • 网络技巧
    • seo教程
  • 编程教程
  • 值得看一看
    • 值得听一听
    • 读懂世界
    • 活动线报
  • 更多功能
    • 在线投稿
    • 公告动态
    • 广告合作
    • 匿名投稿

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

1970/1/1 五年级扛把子 

介绍

    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

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


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

vue init simulatedgreg/electron-vue

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


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

工程结构

    

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

 点赞:0  打赏  分享  海报

  • 打赏支付宝扫一扫
  • 打赏微信扫一扫
  • 打赏企鹅扫一扫
结束语
温馨提醒:如有技术问题以及资源失效请联系站长 QQ89549822 进行反馈!!!
 您阅读本文耗时: 0小时02分35秒
热度:327° 发布时间:1970年1月1日

推荐:

标题:Electron+Vue搭建跨平台桌面应用

链接: https://www.itfd.cn/post-1070.html

版权:转载请注明来源于【IT辅导娱乐网】为原创

上一篇:

下一篇: vue与html5关系

作者头像 作者名称 作者性别
五年级扛把子
联系作者 作者主页

热门推荐

1 王者荣耀五五开黑节 心悦抽奖各种皮肤 红包 Q币
2 jdk安装及环境变量配置简介
3 vscode新建vue+elementUI项目
4 Java线程的声明周期详解
5 Linux解压文件
6 Javabean是什么以及使用场景

评论列表

取消回复

  • 存档

    • 2020年9月(191)
    • 2020年8月(92)
    • 2020年7月(5)
    • 2020年6月(224)
    • 2020年5月(392)
    • 2020年4月(267)
    • 2020年3月(76)
    • 2019年3月(1)
    • 1970年1月(29)
  • 搜索

  • 热门文章

    • 神佑之路手游源码-附视频教程
    • 最新可用老王VPN2.22.15谷歌市场版,免费使用
    • 私藏的十个网站,不看后悔系列
    • 虚拟商品自动发货商城源码
    • 不吃苦、不奋斗,你要青春做什么?
  • 随机文章

      • 网页小偷克隆专家扒站必备
        • 歌曲分享:只有在喝醉的时候才想念你
          • 微信突然多了视频号小红点:教你如何屏蔽
            • 如何找到被删除的微信支付记录?官方支招
              • 睡觉时手机应该放多远?
    提示信息

    SQL语句执行错误: SELECT COUNT(*) AS total FROM emlog_twitter
    Table 'itfd.emlog_twitter' doesn't exist

    «点击返回