（2）但是在渲染进程中的html页面中，是node环境，不再是html环境。这意味着，会拥有打开本地文件，访问数据库，没有跨域限制的网路访问等。
文章知识点与官方知识档案匹配
Vue入门技能树首页概览
25500 人正在系统学习中
点击阅读全文
打开CSDN APP，看更多技术内容
Electron+Vue开发环境的搭建教程2(直接使用electron-vue创建项目)
1,初始化项目 (1)首先执行如下命令使用 electron-vue 模版创建一个集成了 Vue 以及 Electron 的工程项目,项目名我这里叫做 vue_electron_demo 1 vue init simulatedgreg/electron-vue vue_electron_demo (2)在这期间会提示我们输入或选...
继续访问
vue3+electron开发桌面软件入门与实战(2)——创建electron+vue3框架...
前面的文章讲解的知识点涵盖:electron项目创建,vue3+vite项目创建,vue+electron项目简单集成,我们也在前面明言,这种集成方案是很原始的,只能做最简单的项目,或者自己做个玩具,真正项目中并不建议。
继续访问
electron-vue-vite:Electron、vue3、vite2、ant-design-vue2 整合
electron-vue-vite Electron + vue3 + vite2 + ant-design-vue2 整合 :bug: 已知问题 项目打包后仍有问题 待解决... 暂时通过集成 webpack 解决打包问题 How and Why 写这个 Demo 项目主要有两个目的 [email protected] 发布了，想试试新功能 工作中用的 umi+electron 项目大了，启动速度并不理想； 用 vite 试试，算一个储备方案 ^_^ Command npm run dev npm run build 如果只需要最基础的集成 Demo 请使用 或 分支 Note 踩坑记 import { write } from 'fs' 的这种形式会被 vite 编译成 /@modules/fs?import const { write } = require('fs') 这种形式就能用了 :winking_face: const {
Electron: 主进程开启子线程 cluster.fork
1.background.js const cluster = require('child_process')var son_course = cluster.fork(process.env.NODE_ENV == "development" ? "./src/renderer.js" : "./resources/renderer.js") //向子线程发生消息 son_course.send("我是你粑粑~~~") //接收子线程的消息 son_course.on('message',..
继续访问
electron-vue 项目创建及常见问题_--·的博客
electron-vue项目创建,此文章建立在已有electron环境的基础上 0 electron环境搭建 正常情况: npminstallelectron -g 1 有时,因为网络等原因,此步骤会执行报错 那么改用cnpm的方式安装 首先安装cnpm: ...
继续访问
Electron: 渲染进程开启子线程 Worker_一个头发贼多的小火鸡的博客-CS...
Electron: 渲染进程开启子线程 Worker 在Vue中需要使用例外的线程去执行轮询的任务,这里以获取网卡信息为例。 注:这里是在Electron中使用的,可以使用Node.js实例 “child_process”,如果是纯Vue工程无法使用Node实例。
继续访问
electron-vue-next:将vue-next与电子结合使用的入门模板
概述 该存储库包含用于将vue-next与最新电子一起使用的入门模板。 我开始通过伟大的计划学习电子和 。 这个项目也从中得到启发。 您可以在查看文档。 同样，我们也有。 特征 电子11 遵循电子指南，使渲染器仅在浏览器环境中处理 使用进行构建 授权及其生态系统 使用意味着开发渲染器过程可以非常快！ 将与强类型状态，获取器和提交一起使用 使用 默认情况下将与Javascript Standard结合使用 内置TypeScript支持在使用 （与vite对齐）来构建主流程打字稿代码 带有Github Release的Github Action是开箱即用的 如果遵循，则package.json中的自动凹凸版本并生成CHANGELOG.md 在“发布过程”部分中详细说明这项工作 很好地集成VSCode 支持通过vscode调试器在main / renderer进程中调试.ts /
Electron启动和基础应用
基础信息 界面启动 界面启动 : mainWindow.LoadFile 启动页面的渲染进 读取页面布局和演示 主进程可以打开无数个子进程 IPC在主进程执行任务并获取信息 //启用所有node下的资源为可用状态 webPreferences:{nodeIntegration:true} accelerator 快捷键 //开启调试 Window.WebContents.OpenDevTools()var {Shell} = require('electron')//在浏览器中打开URL
继续访问
2022年最新Vue+electron项目创建_vue electron_GIS_宇宙的博客-CSDN博 ...
1.点击创建项目 2.命名项目、选择你的包管理工具 3.选择手动配置 4.勾选你需要的东西,这里我多选了路由和vuex 5.最后就是选择你的vue版本和下面那个我随便选的 6.添加electron插件 创建完项目后,进入项目然后再插件管理中选择添加插...
继续访问
electron+vue项目简单创建
当具有electron和vue的基础知识后，可以创建基于vue的electron项目 electron-vue 充分利用 vue-cli 作为脚手架工具，加上拥有 vue-loader 的 webpack、electron-packager 或是 electron-builder，以及一些最常用的插件，如vue-router、vuex 等等。 在项目里已完成vue-cli脚手架的环境后： 1. 新...
继续访问
最新发布 vue3+electron开发桌面软件入门与实战（1）——创建electron+vue3主体项目
因为vue项目的默认入口文件是index.html，eletron项目的默认入口文件是main.js，所以这里我们就要解决两个框架搭配时，以哪个文件为入口。这个问题的答案可能很简单，但是其实体现的是vue和electron的关系。如果你仔细阅读electron官网并思考过，应该已经理解electron项目运行时，相当于是一个壳，壳里面集成了nodejs、v8引擎等必须的环境。
继续访问
热门推荐 Electron+vue的使用
electron+vue的结合使用。 1.Electron是什么？？ Electron相当于一个浏览器的外壳，可以把网页程序嵌入到壳里面，可以运行在桌面上的一个程序，通俗来说就是软件，比如像QQ、优酷、网易音乐等等。可以构建跨平台桌面程序，本身支持node.js，可以使用node.js的一些模块。 Electron官网：https://electronjs.org/ 2.Electron+vue的联合使用 1、 有vue基础跟nodejs基础的开发人员使用electron那就更顺风顺水了，没有node基
继续访问
Electron笔记三：调用外部程序（子进程管理）
1.安装child_process npm installchild_process --save 2.功能实现 main.js中添加 //打开一个子进程 constmyChildProccess=require('child_process')myChildProccess.spawn('C:\\ProgramFiles\\Notepad++\\notepad++.exe')npm start 运行看结果,发现notepad++.exe已经被运行起来了 3....
继续访问
Electron学习-主进程与渲染进程（2021.1.25&1.28）
注意： 真的从0开始，只有一点C/C++基础，所以js这方面完全是真·零基础，完全亦步亦趋跟着老师走的。看的是b站上“技术胖”老师的视频，学成必谢555(老师的网站是jspang.com,视频、文章都是免费的，太良心了555) 之前的学习记录都在电脑里，之后有空慢慢传上来 学的是electron，用的是vs code 写这个的主要目的是怕自己之后忘了，方便捡起来 --学习内容： 1.Electron的运行流程 读取package.json中的入口文件 "main": "index.js",
继续访问
Electron子进程开启Koa微服务(Koa + Sqlite3)
Electron 配合 Koa 实现带有本地微服务的桌面应用。Sqlite3数据库负责持久化数据。本文是实践过程中的经历和问题总结。
继续访问
electron-vue 开发(三)——点击提交按钮创建子窗口
electron-vue 开发(三)——创建窗口 创建窗口
继续访问
electron-v8.2.1-win32-x64.zip 下载失败（npm install electron 安装失败）
npm 安装 electron 依赖时下载失败（或下载缓慢）的解决方案 electron-v8.2.1-win32-x64.zip 下载失败 淘宝npm镜像：https://npm.taobao.org/mirrors/electron 以官网demo举例 克隆项目 git clone https://github.com/electron/electron-quick-start 进入仓库 c...
继续访问
electron中使用node的子进程创建本地的web server
刚开始，是要在别的框架中使用node，创建本地服务器 首先要有个server.js const http = require('http')//const hostname = '127.0.0.1'//可以不写，或者写localhost const port = 7888// 通过 createServer 创建 web服务器 const server = http.creat...
继续访问
【Electron+Vue】【一】开发跨平台桌面应用了解+构建
目录 基础综合介绍： 环境搭建： 安装Electron Electron应用程序分成三个基础模块：主进程、进程间通信和渲染进程。 【主进程】 【渲染进程】 【主进程与渲染进程通信】 src目录结构 main目录 渲染进程 qq音乐播放器 网易云音乐 其他基于 ELECTRON-VUE 的作品 基础综合介绍： 虽然B/S是目前开发的主流，但是C/S仍然有很大的市场需求。受限于浏览器的沙盒限制，网页应用无法满足某些场景下的使用需求，而桌面应用可以读写本地文件、调用更多系统资源，..
继续访问
Vue框架开发Electron7 - 主进程和渲染进程通讯
第一种通信方法： 在vue框架中要有主进程和渲染进程，每个进程都有个we
您的要求可能看起来很低，但实现起来并不容易。 首先，Windows 本身甚至没有 C++ 运行时库，或者 msvcrt 不是 Windows 的一部分。 每个版本的windows可能都自带了msvcrt的一部分，但是xp vista win8 win10 win11自带了不同版本的msvcrt，也就是说，一旦依赖了msvcrt库，就不能保证在所有版本的windows上都能正常工作。换句话说，为了实现您的目标，您至少必须有一种静态链接基本 C/C++ 库的方法。
为了解决这个问题，通常需要检查数据并更改参数。 比如这篇文章就是完整的数据。 甚至，说不定有人把这样的方法直接做成了工具。 但是你问“没有额外的第三方工具，没有代码和步骤”，那么好吧，这条路又被你挡住了。 至于高级语言，其实很多高级语言都是用C/C++开发或者执行的，所以Windows下的实际执行也依赖于msvcrt。 需要排除类似的语言方案。 因为，要想完全实现主体的思想，就必须摆脱msvcrt的依赖。 但是如果你想摆脱 msvcrt 依赖，要么需要一定的代码和步骤，要么需要第三方工具。 你不能同时使用两者，所以你不能这样做。
然后，你说程序大小要足够小，不允许有库依赖，所以简单的结论是：你根本不能做稍微复杂一点的程序，连浏览器框架都做不了，毕竟一个 WebView 是静态链接进去的，体积不会太小。 所有第三方代码都必须开源编译并静态链接进去。如果一个程序很小，不可能完成一个足够复杂的任务。 除非你调用了动态链接库，但是你需要所有的静态链接，那么像你这样的程序根本做不了什么，何必麻烦大家给你找方法。 或者您只是来推广您开发的软件？ 我相信如果把它们都集成到某个软件中，你说的事情确实可以做到，但是，你不认为你把所有依赖库的这种纯静态链接功能集成到你要推广的软件中吗， 不是第三方工具？ 如果你能这么偷偷改变概念，确实可以实现。
桌面应用程序 Exe 带有 WinForm 界面。第一个推荐是C#毕竟，它是微软自己的。 编写Winform在开发效率和性能上都比其他开发语言快，相关资源和文章也很多。 C#非常适合开发Winform，功能非常强大。 好的结果。 缺点是需要.netframework支持Windows 10、Win11自带.NET Framework。 如果不考虑跨平台，C#开发是最方便高效的。如果想让界面效果更炫，那就用WPF让Winform在界面美化上更上一层楼。 但它会慢一点。
如果对性能要求高或者 *** 作系统底层使用C++或者直接C C++或者MFC，性能很好，但是开发难度比c#高。 如果直接用C，就比较难了。 优点是运行速度快，兼容性好。 除了汇编 C 和 C++ 应该是最快的。QT Qt是一个基于C++的跨平台图形用户界面应用框架。 与MFC相比，它是一种时尚的图形界面设计和开发工具，相对于MFC有很多优点。 丰富的API功能提高了用户的实际开发效率。 支持OpenGL2D、3D图形渲染。 支持QML脚本开发。 使用 QML 的缺点，开发效率被利用了：在运行环境中，Qt 需要将整个东西打包。 体积相当大。 C# 要小得多，因为许多依赖库都带有 windows。
Java Java可以做任何事情。 如果熟悉Java，可以使用Java进行开发，但运行时需要安装运行环境。 Java的生态资源非常丰富，教程也很多。如果你习惯Python，可以使用PyQt PyQt。 开发python也很容易。 可以使用qt for python+qwebview+pyinstaller打包单个exe，启动慢。 或者制作一个安装包，使用 fbs 或 pynsist 缺点：生成后包会稍大，第一次执行速度会有点感人。
热爱 Rust 并使用 Rust 语言Windows T 也可以用 Rust 语言开发。Electron 跨平台，界面美观Electron 是一个跨平台的桌面应用开发框架，让我们可以使用 html css js 的技术来开发可以安装在跨平台桌面的软件。 Electron 允许前端开发人员做更多的工作。 网上流行一句话：“别跟我说C++、Java，我靠JS走遍天下，需要的时候才去做。很容易上手能够使用react、vue等前端框架，可以轻松迁移前端组件，构建漂亮的桌面应用。
专门开发接口的早期开发语言还有其他早期开发语言。 如果要写native native exe，也可以使用以下语言的Delphi：Delphi 7，非常不错。 现在 Free Pascal 对于跨平台开发来说还不错。 VB6：从未消亡的开发语言，也有大量开发小工具的爱好者。 还是一个非常快的VFP：Visual Foxpro，但不是微软自己的，现在没有开发PB：PowerBuilder C++ builder 6.0：Borland的C++程序开发集成平台MASM：Macro assembler。 更加困难。 接近机器语言。优点是运行速度快，比c#快，生成的exe小，不易被破解。
其他开发语言Flex（flash script + java），easy language（中文编码），单独的EXE桌面软件也可以试试aardio，还不错。如果只针对Windows平台，建议使用c#或VB6。 如果想要更好的界面，可以使用浏览器调用html js 界面库或者WPF。 如果考虑跨平台。 ，上面有很多选项。 主要是根据你的实际需求，再考虑性能、部署等方面。
这是一个前端使用vue，后台使用spring boot开发的论坛项目，旨在熟悉前后的开发技术，随做随记，记录一些知识要点。
HBuilderX
npm
1.Vue渐进式JavaScript 框架。
2.ElementUI 一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。
3.axios 易用、简洁且高效的http库。
4.vue-router Vue.js 官方的路由管理器。
5.Vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
6.font-awesome 提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用CSS的样式。
7.Normalize.css 提供HTML元素样式上跨浏览器的高度一致性。
前端项目需要对以上使用到的内容有一定的了解。熟悉以后就可以正式开始开发工作了。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）