Electron 初体验

最新推荐文章于 2024-08-29 13:33:18 发布
最新推荐文章于 2024-08-29 13:33:18 发布
阅读量307 收藏
点赞数
分类专栏： TS 复习 文章标签： 编辑器 vscode macos
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangjun_huster/article/details/123288388
版权

环境安装

Electron: 使用JS，HTML和CSS 构建跨平台的桌面应用程序
（一般都是 C# 原生， QT 等框架来开发 桌面应用）

VSCode 就是用Electron 写的

示例

npm i electron -g
mkdir electron-ex
code .electron-ex
npm init
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
新建main.js

执行 npm start

在这里插入图片描述

一个简单的浏览器 客户端就完成了

wangjunicode
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Electron:Node+Electron开发桌面应用程序,electron-chat是electron开发的桌面聊天应用(里边有node后台、前台小程序和electron两种客户端)、electron-vue-quick-start是一个electron的体验项目(有登录、日志打印、多页面配置等功能)
05-01
Electron Node+Electron开发桌面应用程序,electron-chat是electron开发的桌面聊天应用(里边有node后台、前台小程序和electron两种客户端)、electron-vue-quick-start是一个electron的体验项目(有登录、日志打印、多页面配置等功能)
electron初体验
宇智波带土
03-16 149
electron初体验
Electron PC客户端开发初体验
小青蛙的博客
09-20 3165
Electron 开发初体验 本章节呢，通过一个入门级别的项目来简单的体验Electron开发的过程，并简单记录一下Electron项目的开发流程 总的来说呢，涉及以下知识点： 搭建本地Electron开发环境 创建一个新的窗口 创建顶部菜单、二级菜单及菜单点击交互 打开一个新的窗口 窗口之间的数据传递，ipcMain和ipcRenderer事件监听和触发 客户端打包 搭建本地Electron...
Electron初体验
QingHan_wow的博客
09-08 164
1. 下载必要依赖 1.由于Electron依赖国外的源，所以我们需要借助淘宝的源cnmp，不然下载依赖就会有很多坑 // npm下载cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org // 检查cnpm版本 cnpm -v 2.全局安装electron-builder和electron-package cnpm install -g electron-builder cnpm install -g electron-pa
Electron初体验--写个查词小工具
Coding for Android
09-27 4598
本文提纲 [什么是 Electron](#什么是 Electron) [Why Electron](#Why Electron) [Electron 安装及使用](#Electron 安装及使用) 实现查词工具 什么是 Electron 官方直白： 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用 简单来说，就是利用 Chromium 封装了一层，开发者可以直接利用...
poolside-fm-player:使用React和Electron构建的Poolside.fm菜单栏播放器
05-26
池畔调频播放器本机应用程序类似的球员 ，让用户可以不必有自己的浏览器选项卡中打开相同的音频体验。指数1.动机我喜欢什么样的家伙创建！ 而且我比电子音乐人更像金属和摇滚人。 但是，它仍然是一个有趣的网站，它...
elkjs:ElkJS - 基于 Javascript 的 Acorn 电子模拟器
06-08
这个模拟器使用了 **Acorn Electron** 的规格，这是一种8位个人计算机，曾在80年代末90年代初流行。通过 ElkJS，用户可以在浏览器中运行原本为 Acorn Electron 设计的原始程序和游戏，无需物理设备。 **Javascript*...
teencook.github.com
02-12
9. **跨平台开发**：借助React Native、Electron等技术，JavaScript还可以用于开发原生移动应用和桌面应用，进一步扩大了其应用范围。 10. **学习资源**："teencook.github.com"项目可能包含了JavaScript的学习路径...
JS（贪吃蛇和台球）两款游戏打包下载.zip
11-01
它主要运行在浏览器环境中，为用户提供动态交互体验。JavaScript不仅可以控制网页内容，还能处理用户输入，实现页面动态更新和数据交互。 **贪吃蛇游戏开发** 贪吃蛇游戏是基于矩阵和事件驱动编程的经典游戏。在...
开源前端电子书我的职业是前端工程师
08-09
《我的职业是前端工程师》是一本开源的前端技术电子书，旨在为初入前端领域的开发者提供全面而深入的指导。这本书涵盖了前端工程师在实际工作中所需掌握的各种技能和知识，包括但不限于HTML、CSS、JavaScript基础，...
Electron 结合WEB项目制作桌面APP之二 ---- electron与web的结合开发体验
我走过最长的路，就是这条爬坑之路！！！
04-20 5145
引言 开始尝试用electron搭建了一个hello world，体验还是挺不错的，对于一个web开发者来说，能把自己的开发成果做成一个桌面app，那将是一步巨大的跨越 藉此，再深入学习后，开始了第二个“hello world” 目标 将百度首页做成我的app首页 做一个简易的视频播放器 千里之行始于足下，electron还没完全学会，不妨碍我去使用它 下载e...
Electron：初体验
Cynhard的专栏
10-27 1777
安装安装 Node.js 下载 Node.js，本例下载的版本是 node-v6.11.5-x64.msi 安装 Node.js 双击运行 [node-v6.11.5-x64.msi]： 点击 [Next]： 勾选 [I accept the terms in the License Agreement]，点击 [Next]： 选择合适的安装路径后，点击 [Next]： 点击 [Next]： 点击
Electron初体验，学习笔记
talentxiet的博客
09-19 4806
官网中，对Electron的介绍是 Build cross platform desktop apps with JavaScript, HTML, and CSS。意思很清楚，可以把web打包成桌面程序。简单的理解，就是把你的web网站套上一个精简的chrome的壳子，然后给用户使用。 接下来我们将安装electron并跑几个简单的demo。 1.安装electron，npm insta
Linux系统应用（3）——编辑器vim
2301_80492355的博客
08-25 1216
本节目标学会使用vim的简单操作，自主完成对普通用户的升权操作注意本节并没有难点，同命令学习一样，需要实操和经常练习才能熟练到此，我们对vim的初步学习就结束啦，说实话vim并不好用，但是呢它是方便的，而且不论再怎么变换都不会被淘汰，所以我们还是需要把它视为重点来学习的，有不足的话，希望大家指正哦！
windows11 上安装了python的wxpython模块，vscode运行时还是报错的解决方法
最新发布
Winfredzhang的博客
08-29 180
确保你在 VSCode 中使用的 Python 解释器与安装 wxPython 时使用的解释器一致。这通常是由于 Python 环境配置问题或模块未正确安装导致的。ModuleNotFoundError: No module named ‘wx’” 如何解决？确保 Python 和 pip 的路径已添加到系统环境变量中。如果没有显示 wxPython 的信息，说明模块未正确安装。看起来你已经安装了 wxPython 模块，但在运行时仍然遇到。如果没有报错，说明 wxPython 已正确安装。
vscode指定Python运行环境
ithongchou的博客
08-29 205
在 Visual Studio Code (VSCode) 中指定 Python 运行环境可以帮助你确保你的代码在正确的 Python 版本和虚拟环境下运行。确保你的 VSCode 状态栏中显示了正确的 Python 解释器。这样设置之后，VSCode 将会使用你指定的 Python 环境来运行和调试你的代码。如果你希望为特定工作区配置 Python 解释器，打开工作区的。），然后导航到你的项目目录。替换为你选择的 Python 解释器的实际路径。是虚拟环境的名称，你可以根据需要进行修改。
VScode应用有哪些?
owolai的博客
08-29 229
通过（或使用快捷键Ctrl + ,）访问设置。可以更改编辑器主题、调整快捷键、配置工作区设置等。
vscode +STM32 VS CODE EXTENSION
ben392797097的专栏
08-29 62
使用STM32 VS CODE EXTENSION 1.0.0导入cubeide工程使用cmake编译报错最后一行错误其中是从IDSTM32CubeIDE中的一个变量引用，但在CMake中，冒号和具有特殊意义，因此直接使用这种格式会导致语法错误。
Electron开发入门与实战指南
"该资源是关于Electron开发实战的教程，涵盖了从基础概念到实际应用的打包过程，包括Electron的介绍、应用开发、窗口管理、扩展功能、进程通信以及打包过程中遇到的问题和解决方法。" Electron开发实战教程详细...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值