如果有小伙伴不知道如何打包Electron桌面应用的,请戳我. 微软提供了一款快捷工具:electron-windows-store,用于将electron桌面应用打包成Windows10系统上.appx后缀的通用UWP应用. 准备工作 1.Windows 10周年纪念更新 - 企业版(版本14316以上)(实测10586也是可以转化,查看系统版本号的方法是,win键+R打开运行,输入winver) 2.Windows 10 SDK,下载 3.node4或以上的版本. 打包步骤 1.在cmd命令…

相信很多同学都知道 Electron 可以帮助开发人员使用前端技术开发桌面客户端应用,今天介绍的 electron-vue 框架是一套基于 Vue.js 开发 Electron 桌面应用的脚手架,该项目的目的,是为了要避免使用 vue 手动建立起 electron 应用程序. 您可能感兴趣的相关文章 网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示 十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码下载…

前言 Electron 是一个用 HTML,CSS 和 JavaScript 来构建跨平台桌面应用程序的一个开源库.由GitHub开发的. 其原理是 Electron 通过将 Chromium 和 Node.js 合并到同一个运行时环境中,并将其打包为 Mac,Windows 和 Linux 系统下的应用来实现这一目的. 在公司里用到了Linux系统,所以就花了一点时间试着搭了一个体验一下. 安装这个网站走完安装部署步骤 创建electron桌面项目代码等结构参照以下链接github 一开始按照…

在做electron桌面通知时,按照文档实现弹出通知,但是默认的应用名为electron.app.Electron 解决办法 就是在主进程中设置 app.setAppUserModelId('myAppId') // myAppId 应用的id 然后就可以了…

原文:Win10的UWP之进度条 关于UWP的进度条的处理的方案有两种方案 我们新建一个项目,然后处理的界面如下的代码 <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition Height="Auto"/> <RowDefinition Height="Auto"/> <RowDefinition Height=&…

原文:Win10的UWP之标题栏的返回键(二) 关于Win10的UWP的返回键的第二种处理的方法,是介于标题栏的强行修改,不是像上期的那样直接调用系统内置的API. - - - - - - - - - - - - - - - - - - - - - - - -我是万恶的分割线- - - - - - - - - - - - - - - - - - 首先我们先设置以下界面的布局,界面的代码如下 <StackPanel> <Grid x:Name="GridTitleBar"…

原文:Win10之UWP的数据存储 我们知道通常我们开发的时候都要考虑把用户的数据存储到一个数据库里面,而这个数据库则考虑到了整个应用的性能上面,这里我们不考虑SQL server的数据库,我们考虑较为轻量的数据库进行存储. 首先我们新建一个项目,然后把界面用代码处理一下 <Grid.RowDefinitions> <RowDefinition Height="100"/> <RowDefinition Height="Auto"/&g…

原文:Win10的UWP之标题栏的返回键(一) 关于返回键,放在标题栏是目前较为完美的一种方案.继前一篇的Hello World,博主进行一些修改实现该方法. - - - - - - - - - - - - - - - - - - - - - - - 我是万恶的分割线- - - - - - - - - - - - - - - - - - - 在OnLaunched的方法中加 Windows.UI.Core.SystemNavigationManager.GetForCurrentView().B…

最近一段时间在用electron+vue做内部项目的一键构建发布系统的桌面应用,现就其中打包流程写个备注,以示记录. Windows环境打包:1.首先贴一下package.json. { "name": "******",//隐藏项目名 "version": "**.**.**",//隐藏版本号 "author": "*** <***>",//隐藏作者信息 "des…

 前言 Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库. Electron通过将Chromium和Node.js合并到同一个运行时环境中,并将其打包为Mac,Windows和Linux系统下的应用来实现这一目的. Electron于2013年作为构建Github上可编程的文本编辑器Atom的框架而被开发出来.这两个项目在2014春季开源. 目前它已成为开源开发者.初创企业和老牌公司常用的开发工具. 看看谁在使用Electron…

一. 准备工作 1.npm的安装需要下载node.js,安装完node.js之后npm自然会有. 参考链接:http://www.runoob.com/nodejs/nodejs-install-setup.html 2.Electron环境搭建       a.安装node.js.node官网地址:https://nodejs.org/en/ b.在windows 命令行下检查node是否安装成功.分别输入 node -v,  npm -v .如果出现 node 和 npm 的版本号,则转下一…

ZC:YeJun的台式机是 Win10家庭版,默认我们想连上她的电脑是连不上的,用下面的方式,我的笔记本可以连上了 ZC:我的下载资料,存放于 "E:\BaiduYunDownload\Win10家庭版_无法被mstsc连接\" 中 一.Win10 家庭(home)版启用远程桌面(Remote Desktop)功能 - weixin_42078354的博客 - CSDN博客.html(https://blog.csdn.net/weixin_42078354/article/detai…

目录 一.简介 二.市场 三.安装 1.安装node版本 2.安装国内的npm包管理器 3.安装electron 4.验证electron否安装成功 5.使用git克隆一个electron简单的项目,并执行以下命令 6.运行效果如下图 7.具体详细内容可参见 一.简介 Electron是由Github开发,基于Chromium和Node.js,使用JavaScript,HTML 和 CSS 等 Web技术创建跨平台原生桌面应用的框架. 兼容Mac,Window和Linux,它构建的应用可在这三个…

基于vite2.x+electron12桌面端后台管理系统Vite2ElectronVAdmin. 继上一次分享vite2整合electron搭建后台框架,这次带来的是最新开发的跨桌面中后台权限管理系统.使用最新的前端技术栈,内置 i18n 国际化解决方案,动态权限路由,权限验证,整合了典型的表格/表单等业务模块功能. 一.技术栈 编码器:vscode vue3技术:vite2.1.5+vue3.0+vuex4+vue-router@4 跨端框架:electron^12.0.4 打包工具:vue…

[OTC] # 需要知识 1. 简单的html.javascript.css知识,就是web前端入门知识. 2. 简单命令行的应用,不会也没关系,照着代码敲就行. 3. 下载安装就不说了吧. 4. 本教程基于win7下完成.基于干净的win7 64位系统. # 安装node.js 从  下载最新版node.js ,并安装. ![https://nodejs.org/dist/v6.2.0/]() 我下载的是`node-v6.2.0-…

参考: 打造你的第一个 Electron 应用 首先运行下面在目录下创建package.json: $ npm init 去掉了一些无关项后内容如下: { "name": "hello", "version": "1.0.0", "description": "问好", "main": "问好.js", "scripts": {…

一.项目概况 基于Electron+vue+electron-vue+vuex+Nodejs+vueVideoPlayer+electron-builder等技术仿制微信电脑端界面聊天室实例,实现消息发送/动态表情,图片/视频预览,拖拽图片/粘贴截图发送,朋友圈/红包/换肤等功能. 二.效果图 三.技术栈 框架技术:electron + electron-vue + vue 状态管理:Vuex 地址路由:Vue-router 字体图标:阿里iconfont字体图标库 弹窗插件:wcPop 打包工…

最近开始尝试把WP8.1 Runtime的项目升级成Win10 UWP,我用的方法没什么技巧性,就是直接复制文件和代码到新建的UWP项目.结果是后台代码未经修改,全部正常运行.但是UI控件的布局有些偏移,需要微调.这和“Win10 UWP架构是8.1 Runtime的超集”的说法吻合,所以大家也不用太担心升级UWP很困难.我相信迁移应用的主要工作量在由于新的设计风格,而需要修改UI设计,同时也要考虑多平台的响应式布局等等... .NET Native 回到文章的主题,Win10 UWP使用了新的…

windows有自带的算法来计算MD5 原本在WPF是 private string get_MD5(string str) { System.Security.Cryptography.MD5CryptoServiceProvider md5 = new System.Security.Cryptography.MD5CryptoServiceProvider(); byte[] temp; StringBuilder strb = new StringBuilder(); temp = md…

先说如何关闭虚拟桌面:ctrl+win+F4(万一你还没看到怎么关闭虚拟桌面,就创建并调整到虚拟桌面,会很懵的,因为你启动的所有程序全部都突然消失了,只剩下开机的桌面了): win10有个功能,虚拟桌面,如果你不小心按到ctrl+win+D,那么就会创建并跳转到虚拟桌面,就只剩下开机的桌面了: 但你创建并跳转到虚拟桌面后,你可以ctrl+win+←(左箭头)回到原来的桌面; 在原来的桌面也可以ctrl+win+右箭头跳转到虚拟桌面.…