Advertisement

Yuqing-Monitor-Electron:基于 Electron、Node、Socket.io、Vue 和 Element 的项目

  •  5星
  •     浏览量: 0
  •     大小:None
  •      文件类型:None


简介:
Yuqing-Monitor-Electron 是一个结合了Electron、Node.js、Socket.io、Vue和Element的跨平台桌面应用框架项目,旨在提供高效且用户友好的舆情监控解决方案。 玉清显示器电子使用Electron+Node+Vue+ElementUI+Highcharts开发的舆情监控客户端支持Windows 和 Mac多平台。文章总结了 Electron-vue 文档中的最新版本构建设置:安装依赖项 `yarn install`,在本地服务器上启动带有热重载功能的服务 `yarn run dev`,以及构建电子应用 `# build electron application for`。

全部评论 (0)

还没有任何评论哟~
客服
客服
  • Yuqing-Monitor-Electron ElectronNodeSocket.ioVue Element
    优质
    Yuqing-Monitor-Electron 是一个结合了Electron、Node.js、Socket.io、Vue和Element的跨平台桌面应用框架项目,旨在提供高效且用户友好的舆情监控解决方案。 玉清显示器电子使用Electron+Node+Vue+ElementUI+Highcharts开发的舆情监控客户端支持Windows 和 Mac多平台。文章总结了 Electron-vue 文档中的最新版本构建设置:安装依赖项 `yarn install`,在本地服务器上启动带有热重载功能的服务 `yarn run dev`,以及构建电子应用 `# build electron application for`。
  • Vue Electron
    优质
    这是一个结合了Vue.js和Electron技术的开发项目,旨在创建跨平台的桌面应用程序,利用Vue进行前端界面开发,并通过Electron实现其运行在不同操作系统上的能力。 在使用 Vue 和 Electron 开发桌面应用程序时,可以通过运行 `npm run dev` 或者 `npm run serve` 命令来启动项目。这些命令的具体设置可以在项目的 package 文件中找到相关配置信息。
  • Electron-Vue-Element-Admin: 最新版可在 Electron 上运行 Vue-Element-Admin...
    优质
    Electron-Vue-Element-Admin是基于Vue.js和Element UI的现代化前端项目模板,最新版本支持在Electron环境中无缝运行。 electron-vue-element-admin 使用最新的 Node.js、vue-element-admin 和 Electron 构建,并且 package.json 中的所有依赖项都使用最新版本。该框架能够在开发模式和生产模式下,在 MacOS 和 Windows 系统上顺利运行。 2020年4月25日更新说明:组件已升级到以下版本: - Node.js v13.12.0 - Electron v8.2.3 - Vue (具体版本未在原文中提及)
  • Electron: 使用NodeElectron开发桌面程序,electron-chat为Electron桌面聊天应用(...)
    优质
    简介:Electron是一款利用Node.js和HTML来创建跨平台桌面应用程序的框架。electron-chat是采用Electron构建的一款桌面端即时通讯软件,提供稳定高效的聊天服务。 使用Node+Electron开发桌面应用程序是一种常见的方法。其中一个例子是electron-chat,这是一款基于Electron的桌面聊天应用,包含了Node后台、前台小程序以及两种客户端选项。另一个示例项目是electron-vue-quick-start,这是一个提供登录功能、日志打印和多页面配置等功能的体验项目。
  • Electron-Vue-Vite:整合 Electron、Vue3、Vite2 ant-design-vue2
    优质
    本项目是基于Electron框架,结合Vue3和Vite2构建工具,并集成ant-design-vue2组件库,旨在提供一个高效开发桌面应用的解决方案。 electron-vue-vite:Electron + Vue3 + Vite2 + Ant-Design-Vue2 整合 已知问题: 项目打包后仍有问题,待解决... 暂时通过集成 webpack 解决打包问题。 How and Why: 这个 Demo 项目的目的是两个: 1. vue@3.x 已发布,想试试新功能; 2. 工作中使用的 umi+electron 项目启动速度较慢;用 vite 尝试一下,算一个储备方案 ^_^ 命令: ``` npm run dev npm run build ``` 如果只需要最基础的集成 Demo,请使用 或 分支。 Note 踩坑记:`import { write } from fs` 的这种形式会被 vite 编译成 `/@modules/fs?import`,而 `const { write } = require(fs)` 这种形式就能用了 :winking_face:
  • Electron-Vue IM: Electron-Vue 构建即时通讯桌面应用
    优质
    Electron-Vue IM是一款利用Electron和Vue.js技术栈开发的本地即时通讯软件。它结合了Web前端技术和原生桌面应用程序的优势,为用户提供流畅高效的沟通体验。 使用electron-vue开发IM聊天功能的桌面应用需要运行electron-vue-server。 项目设置如下: - 安装依赖:`npm install` - 在本地主机9080端口上启动带有热更新的服务:`npm run dev` - 构建生产环境下的Electron应用程序:`npm run build` - 运行单元及端到端测试:`npm test` - 检查所有位于 `src/` 目录中的JS/Vue组件文件:`npm run lint`
  • Excel-Electron-Vue
    优质
    Excel-Electron-Vue是一款结合了Excel功能、Electron框架和Vue.js前端技术的强大桌面应用程序开发工具。它允许开发者创建跨平台的电子表格应用,提供丰富灵活的界面设计与高效的性能体验。 读取Excel文件并处理导出的Excel表格,可以根据自己的需求编写相应的逻辑。 该项目基于Electron-Vue实现UI,并使用XLSX模块进行Excel表格的导入与导出功能。支持通过拖拽、右键菜单以及菜单栏选项来导入文件和整个文件夹中的文件。 项目构建设置: - 安装依赖:`npm install` - 使用热重载在localhost:9080上运行开发服务器:`npm run dev` - 构建生产环境的Electron应用:`npm run build` - 运行端到端测试:`npm test` - 检查所有位于 `src` 目录下的JS Vue组件文件格式错误:`npm run lint` 该项目由Electron-Vue生成。
  • 适用 Electron Vue CLI 3 插件 - vue-cli-plugin-electron-builder,无需手动配置 Electron
    优质
    vue-cli-plugin-electron-builder 是一个专为 Electron 应用程序设计的 Vue CLI 3 插件,它简化了开发流程,免去了手动配置 Electron 的繁琐步骤。 Vue CLI插件Electron Builder可以帮助您轻松构建带有Electron Build状态的台式机Vue.js应用程序:快速入门指南如下: 在使用Vue-CLI 3或4创建的应用程序目录中打开一个终端(建议使用4)。然后,通过运行以下命令安装并调用vue-cli-plugin-electron-builder的生成器: ``` vue add electron-builder ``` 就是这样!您现在可以开始了! 要启动开发服务器,请执行如下操作: 如果您使用Yarn(强烈推荐): ``` yarn electron:serve ``` 或如果使用NPM: ``` npm run electronic:serve ```
  • VueElectron安装及打包错误集合
    优质
    本文章集整理了在使用Vue.js进行前端开发以及利用Electron搭建桌面应用时常见的安装与打包过程中遇到的问题及其解决方案。 在使用Vue和Electron进行项目安装和打包的过程中可能会遇到一些错误。为了帮助解决这些问题,在开始之前,请确保已经正确配置了开发环境,并且熟悉两个框架的基本用法。 首先,按照官方文档的指导完成Vue项目的初始化设置以及Electron的相关依赖项安装。这包括但不限于Node.js、npm或yarn等工具的使用。 其次,在项目运行阶段遇到任何问题时,请查阅相关错误信息和日志文件来定位具体原因,并尝试通过搜索引擎查找解决方案或者在技术社区寻求帮助。 最后,当准备发布应用之前,检查所有必要的依赖是否已正确安装并且版本兼容;同时注意清理不必要的开发环境配置以确保最终打包结果的纯净度。
  • electron+Vue3+TypeScript+vite+Element Plus+echarts
    优质
    本项目采用现代前端技术栈,结合Electron框架、Vue 3、TypeScript以及Vite构建工具,搭配Element Plus UI库和ECharts图表组件,旨在开发高效稳定的桌面应用程序。 此项目是基于之前公司桌面端应用的需求而创建的,在研究了 Electron 之后,我尝试将 Vue3.0 和 Vite 结合使用,并搭建了这个项目。该项目相对简洁,只有一个页面是我自己写的,请大家直接删除。 已经集成了一些基本插件,如 Element Plus、ECharts 等功能模块以及文件下载功能。对于需要的其他插件可以自行安装;不需要的功能也可以卸载掉已有的相关依赖项。 以下是项目的安装启动和打包指令,在项目中的 md 文件中也有详细说明: 此压缩包内已经包含所有依赖!因此,您可以省略安装依赖步骤! # 安装依赖 执行 npm install 或者 yarn # 启动项目 npm run dev 或者 yarn dev (用于网页) npm run electron:serve 或者 yarn electron:serve(启动桌面端) # 打包项目 使用命令:npm run electron:build或者yarn electron:build