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：基于 Electron、Node、Socket.io、Vue 和 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: 使用Node和Electron开发桌面程序，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 ```
     
  • Vue和Electron项目安装及打包错误集合
    优质
    本文章集整理了在使用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