electron-vue 开发(1) 运行electron的demo

最新推荐文章于 2024-07-29 22:34:07 发布
最新推荐文章于 2024-07-29 22:34:07 发布
阅读量402 收藏
点赞数
文章标签： javascript 开发工具 c/c++ ViewUI
原文链接：https://juejin.im/post/5cac9903e51d456e693f4882
版权

electron官网

开发环境

使用到的框架

技术栈

  • c++
  • nodejs
  • html+css+js

接着上一篇.

想运行electron的第一个demo,肯定得安装nodejs链接 我目前安装的是nodejs的 v10.2.0版本, 安装完成后打开控制台 输入node -v 就可以确定自己有没有安装成功了

另外,推荐的编辑器是宇宙级神器VsCode, 最关键的也是用electron开发的,微软爸爸牛逼呀! 当然, 安装了nodejs 自然也是要使用到 npm 包管理器的了, 在使用npm一段时间后, 我投向了yarn的怀抱, 作为一个前端小白, 我还是觉得yarn更好用一点.

如果你完成了上述步骤, 只需要用vscode 打开electorn官网的第一个例子, 先后输入npm install npm run dev就可以看到demo成功跑起来了.

Rank92
关注
vue的应用实例2-桌面端electron
08-06
首先要使用express -t ejs app来创建一个名字为app的文件夹。 之后就是npm install把所要用到的模块都载入进来。 然后我们需要安装electron-prubuilt包。可以通过命令npm install --saved-dev electron-prebuilt进行安装。
vue-electron-demo构建
凉酱的博客
01-22 514
官方的electron-vue文档????这种方法试了好多次一直网络超时下载不了，没找到原因，也可能单纯的网络原因？最后找了一种先构建vue项目再用electron-builder的方式，实现了，记录一下。 1.创建vue项目可以参考文章????搭建环境，这里不赘述了。 vue create vue-demo 2.进入创建好的vue项目cd vue-demo 然后下载 vue add electron-builder 这里遇见了一直一直下载不成功的问题，加sudo也还是不行 最后是su进入管理员权限，然
项目实战：从零使用vue+electron打造一个完整的俄罗斯方块（纯前端，H5+exe）
最新发布
m0_73459939的博客
07-29 1446
纯前端从零使用vue+electron完整写出一个俄罗斯方块并打包为exe（可同时H5和exe）
Electron Demo ( 使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序 )
jack_rose_me的博客
02-11 807
1、文档 https://www.electronjs.org/ 2、npm i 报错 我的电脑源是 http://registry.cnpmjs.org/ 切换镜像源 npm config set registry http://registry.npm.taobao.org/ 2、安装报错 Failed at the electron@17.0.0 postinstall script. 解决方法：将electron下载地址指向taobao镜像 npm config set electron_m
Electron-Vue入门Demo
玩火的稻草人的博客
11-20 2208
前提条件，Electron框架能够正常的运行（electron环境的配置不是本文要说明的部分） 1，安装vue的环境模块 npm install -g vue-cli 2，初始化vue工程 vue init webpack demo 下面几个选项注意 Install vue-router? yes Use ESLint to lint your code? no Set up unit tes...
electron vue 运行单个实例
小蔷强大的博客
02-18 413
网上很多资料针对的是老版本或者太啰嗦，只需要在头部加入以下代码即可 const appLock = app.requestSingleInstanceLock() if (!appLock) { app.quit() } 以下是相关api的介绍 // 请求单一实例锁 app.requestSingleInstanceLock() // 此方法返回你的应用实例当前是否持有单例锁 app.hasSingleInstanceLock() // 释放所有由 requestSingleInstanceLo
Electron项目中通过electron-vue + electron-builder + electron-updater实现远程更新（包含源码）
04-01
`electron-vue`是基于Vue.js和Electron的集成开发环境，它为Electron应用提供了Vue的开发支持。它包含了Vue CLI工具、Webpack配置、Vue Router、Vuex等，使得在Electron环境中开发Vue应用变得更加简单。通过`...
electron-vue-print-demo:electron+vuecli3 实现打印小票功能
05-25
electron-vue-print-demo electron+vuecli3 实现设置打印机，静默打印小票功能 使用 git clone https://github.com/sunniejs/electron-vue-print-demo.git npm install npm run electron:serve 生成效果 实现 操作...
简单的桌面化登录系统DEMO，electron-vue3-element-plus.zip
01-04
Vue3，springboot，element-ui使用技巧，实战应用开发小系统参考资料，源码参考。 详细介绍了一些Qt框架的各种功能和模块，以及如何使用Qt进行GUI开发、网络编程和跨平台应用开发等。 适用于初学者和有经验的开发者...
electron-vue-vite:Electron、vue3、vite2、ant-design-vue2 整合
05-02
electron-vue-vite Electron + vue3 + vite2 + ant-design-vue2 整合 :bug: 已知问题 项目打包后仍有问题 待解决... 暂时通过集成 webpack 解决打包问题 How and Why 写这个 Demo 项目主要有两个目的 vue@3.x 发布了...
Electron-vue基本介绍及demo代码
日常笔记/总结/系列知识梳理
12-22 499
Electron-vue 是一个基于 Electron 和 Vue.js 的框架，用于开发桌面应用程序。它结合了 Electron 的跨平台能力和 Vue.js 的灵活性和易用性，使开发人员可以使用常见的前端技术来构建功能丰富的桌面应用程序。使用 Electron-vue，开发人员可以利用 Vue.js 的开发模式和组件化架构来构建桌面应用程序。它提供了一些预设的配置和工具，使开发人员可以更快地启动项目，并轻松地集成 Electron 和 Vue.js。你可以根据自己的需求进一步开发和定制化。
electron打包window应用.exe文件demo
11-30
electron.js打包成window应用的具体方法和案例，附带代码以及简约操作文档。
myelectrondemo使用Electron开发的demo
08-04
myelectrondemo，用electron开发技术，参考官方网站做的demo，demo参考网址https://www.electronjs.org/docs/tutorial/first-app
electron-demo:electron简单例子
05-25
electron-demo 创建主窗口，阻止关闭主窗口关闭的默认事件，不销毁窗口。（大部分客户端的主窗口，关闭主窗口的时候，实际上是隐藏了该窗口，例如QQ、微信） 应用退出时，会尝试关闭所有窗口，再退出应用。如果主窗口的关闭行为默认事件被阻止，那么会导致主窗口无法关闭，整个应用无法退出。因此使用forceQuit这个变量来控制。 使用http或者file协议加载窗口前端资源（例子中，默认加载的是微信） development 安装依赖：ELECTRON_MIRROR="https://npm.taobao.org/mirrors/electron/" yarn 启动：yarn start
electron-demo:一些有用的电子演示
05-16
电子演示 一些有用的电子演示 当您想使用本地dll时，显示rtsp流或本地摄像头，将电子应用程序作为http服务器运行... 或一些桌面应用程序技能，那么一些最小的演示可以帮助您 如果您有电子演示，请提交拉取请求。
electron开发完整案例
11-15
electron开发完整案例 源码在 resources下的app中 详细使用electron的各种技术
从零搭建Electron应用 的一系列简单的 Demo
WangYuLue的博客
06-09 2278
Electron 是一个优秀的跨平台桌面应用程序开源库，目前接触 Electron 的开发者也越来越多。但是笔者发现，目前社区里缺少对初学者足够友好的入门教程来帮助初学者用 Electron 搭建一个完整的开发框架。 为了解决这个问题，笔者将结合平时的一些 Electron 开发经验，渐近式的带领读者从零开始搭建一个完整的 Electron 应用。在这个教程中，笔者将使用 React 构建渲染进程。当然，读者也可以用其他框架来构建渲染进程，各种前端框架脚手架已经足够友好，所以这一点不用担心。 阅读完这篇教程
electron-vue运用及案例代码
日常笔记/总结/系列知识梳理
12-01 484
Electron是一个使用JavaScript, HTML和CSS构建跨平台桌面应用程序的开源库。它允许开发者使用纯web技术创建原生应用程序，这使得web开发者能够利用他们已经掌握的web技术来构建桌面应用。
three.js 配electron vue demo免费下载
xrj1093431145的博客
12-17 364
https://download.csdn.net/download/xrj1093431145/65446600
electron-vue electron-log
12-15
electron-vue 是一个基于 electron 构建的 vue.js 框架。它结合了 vue.js 和 electron，可以让开发者使用 vue.js 的组件化开发方式来构建跨平台的桌面应用程序。使用 electron-vue 可以快速搭建 electron 应用的基础结构，并且利用 vue.js 的特性来开发界面和逻辑。 而 electron-log 是一个专为 electron 应用程序设计的日志模块。它为 electron 应用提供了方便的日志记录功能，可以将日志输出到文件或控制台，并且支持日志的级别和格式设置。electron-log 还可以方便地集成到 electron-vue 项目中，帮助开发者更好地管理和记录应用程序的日志信息。 electron-vue 和 electron-log 的结合使用，可以让开发者更加轻松地构建和管理 electron 应用程序。开发者可以利用 electron-vue 来快速搭建应用的界面和逻辑，同时使用 electron-log 来记录和管理应用程序的日志信息。这种组合可以提高开发效率，让开发者更加专注于应用程序的功能和用户体验。同时，electron-log 也可以帮助开发者更好地监测应用程序的运行状态，及时发现和解决问题，从而提高应用程序的稳定性和可靠性。因此，electron-vue 和 electron-log 是非常适合 electron 应用开发的工具，可以帮助开发者更好地完成应用程序的开发和维护工作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值