1.从网上下载的是nodejs的v0.10.42版本的安装文件,安装node-v0.10.42-x86.msi都使用默认安装,安装完成后会安装在C:\Program Files\nodejs\目录下,然后直接把安装的目录C:\Program Files\nodejs\拷贝出来,然后再拷贝到另外一个全新的系统上,假如我放到d:\nodejs\这个目录下,在这个目录中创建一个run.bat文件作为我们的运行环境. 编辑run.bat文件,输入内容如下: @echo off echo --------…

1. 安装Electron依赖包 开发者往往通过npm install(或 yarn add)指令完成为Node.js工程安装依赖包的工作, 安装Electron也不例外,下面是npm和yarn的安装Electron依赖包的指令: npm install electron --save-dev yarn add electron --dev 官方推荐我们把electron依赖包安装为开发依赖(devDependencies), 这实际上是为了将来制作应用程序安装包时, 避免把electron包和…

1.安装nodejs和npm 官网下载地址:https://nodejs.org/en/download/ 安装包:下载.msi 安装完成后: nodejs.npm都会安装好,path环境变量也自动设置好了. 2.使用taobao npm 镜像 http://npm.taobao.org/ npm install -g cnpm --registry=https://registry.npm.taobao.org 3.安装Electron cnpm install electron-prebui…

1.初始化node项目,生成package.json文件 npm init 2.安装electron,并保存为开发依赖项 npm install electron -D 3.根目录下新建index.js文件 const {app, BrowserWindow} = require('electron') let mainWindow function createWindow () { mainWindow = new BrowserWindow({width: 800, height: 600…

1.node.js下载,然后安装.下载地址:链接:http://pan.baidu.com/s/1o7TONhS 密码:fosa 2.cmd下输入:npm install electron-prebuilt -g 3.解压这个文件,然后双击exe 4.创建一个文件夹,里面创建三个文件 package.json,main.js,index.html 内容: package.json { "name" : "your-app", "version"…

Electron是使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用 本文基于Windows进行开发的过程,记录下来,以便日后使用,Electron官网:https://electronjs.org/docs 1,安装node.js 进入官网下载.安装.https://nodejs.org/en/ 2,安装cnpm 安装命令(打开系统的cmd.exe来执行命令): npm install -g cnpm --registry=https://registry.npm.tao…

系统 WIN10 X64 1. python-2.7.15.amd64.msi 2. node-v10.4.1-x64.msi 3. VS2015 community(社区版) 4. npm config set registry https://registry.npm.taobao.org  设置淘宝镜像 5. npm install npm -g 安装最新npm 6. npm install node-pre-gyp -g  && npm install node-gyp -g 7.…

1.安装node https://nodejs.org/en/download/2.安装镜像工具npm install -g cnpm --registry=https://registry.npm.taobao.org 3.安装相关包 全局安装electron cnpm install electron -g cnpm install -g electron-prebuilt 4.下载demo工程 git clone https://github.com/electron/electron-q…

1.安装 node.js 链接:http://pan.baidu.com/s/1o7W7BIy 密码:y6od 一路next 我安装在F:\Program Files\node.js下 2.检查node.js和npm是否安装成功 命令行:node -v 命令行:npm -v 建议把npm的仓库切换到国内taobao仓库, 注册cnpm命令,如下 npm install -g cnpm --registry=https://registry.npm.taobao.org 3. Electron的安…

相关代码: https://github.com/WozHuang/Barrage-helper/blob/master/src/main/index.dev.js 在SPA逐渐成为构建优秀交互体验应用的主流方式后,使用Electron开发跨平台的软件是一个优秀的解决方案.下面简单介绍一下 Electron-vue 安装 vue-devtool的方式. 安装步骤 下载 vue-devtools.crx,把文件名后缀改成zip后解压放在工程目录下 (找不到或者懒得下可以直接克隆我的仓库后把这个文件…

当前环境Debian Linux-Deepin 安装Node 直接下载 命令下载 下载 wget https://nodejs.org/dist/v14.15.1/node-v14.15.1-linux-x64.tar.xz 解压,解压后在当前盘多了个文件夹node-v14.15.1-linux-x64.(可自行改名) sudo tar -zxvf node-v14.15.1-linux-x64.tar.gz 建立软链接 sudo ln -s /盘路径/node-v14.15.1-linux-x…

问题 正文 产生问题得原因? 是因为之前安装了该程序,但是卸载的时候可能人为的直接删除了卸载程序. 这时候安装包会触发找到注册表中,该appid相同地址的卸载程序位置,然后进行调用,如果没有的话,只会执行失败了. 这个也非常容易理解了,因为你不知道两个安装包相差多少个版本,无法去卸载当前安装版本. 这个时候可以在程序功能中删除,这时候注册表中就被删除了.…

由于某些不可描述的原因,俺的某个小项目要用客户端桌面应用,后台那还是 php 了.经广大的群友指导,发现了 Electron 这个项目.它可以用 html, css, javascript 构建跨平台的桌面应用程序,基于 nodejs 实现. 问题 然而在安装 Electron 时,卡死在了 npm install 的过程里.先升级 node 和 npm 到最新版,然后 7 个 npm 源换了一圈,结果没一个能下载下来的.无奈试试谷歌“npm electron 安装超时”,找到一篇,解决了问题.…

安装electron安装并非一帆风顺,我有FQ哈,所以网络方面我就不说了,你们不行的话,可以用cnpm,我说的是另一个问题 我是这样解决的,用以下命令就好了 sudo npm install -g electron --unsafe-perm=true --allow-root 构建项目模板构建npm install的时候可能会出现问题,如果提示没权限什么的,给个权限就好了,如果提示网络问题请参考https://www.cnblogs.com/dshvv/p/9809936.html # 克隆这…

我的electron教程系列 electron教程(一): electron的安装和项目的创建 electron教程(二): http服务器, ws服务器, 进程管理 electron教程(三): 使用ffi-napi引入C++的dll   一. 安装 1.安装node.js 从node.js官网下载 推荐下载LTS版本(当前为10.16.3), 默认安装即可.   2.安装yarn 以管理员模式启动cmd, 执行指令: npm install yarn -g 根据官网介绍, Yarn 对你的代…

这几天到年底了,公司也没啥事,闲着就到处瞅瞅.记得上一家公司的时候用 Electron+ng1 写过项目,只是那个时候项目框架都是别人搭的,自己只负责写功能,对Electron没啥认识. 这几天想着反正闲着也是闲着,就捡起来自己玩玩,顺便记录一下. 一.环境安装: 前端开发,现在不管是那个方向,都免不了使用NPM,所以node.js的安装是必须的,也是最基础的一步. 1.安装node.js,从官网 https://nodejs.org/en/  下载当前node.js LTS包(稳定版本),下载…

对于electron是个新手,下面纯属个人理解.如有错误,欢迎指出.   一.安装 如果你本地按照github上的 # Install the `electron` command globally in your $PATH npm install electron-prebuilt -g 安装不起来的话,没事.按照这个博友的方法来安装即可.Electron安装   二.Electron是什么 类似NW.js.但是好像比它强大很多.而且社区很活跃,很有前途.   三.废话不多说,直接上实例.…

我们把自己开发的Electron应用发布之前,需要把app打包成简单的安装包,这样app更容易被获取,以此来发布我们的应用.我们可以参考Wix或其他的安装程序,但是对于Electron应用更好的打包程序是Squirrel.毕竟某些著名的Visual Studio Code 和Slack 的客户端应用就是用这个框架来打包和更新的.现在我来告诉你怎么创建一个基于Electron的windows应用. Electron 和 squirrel 的更新非常快,我们可以到 http://electron.a…

必要的上下文 想尽快熟悉上下文语境的,可以点这里: https://github.com/electron/electron/issues/749 这段讨论,其实本来是讨论如何自动设置 input 标签的值来实现自动选择文件的.前一段有个 Electon 中自动上传文件的需求,被 Google 带到了这个讨论地址.虽然,最后当时是采用的不同讨论中的本地代理器转发cookie的策略,但不得不承认,这些讨论还是给了自己很大启发的 -- 虽然暂时并没有什么用. It's near impossible…

前言 前端开发桌面程序这个概念已经出现有一段时间了,这项技术也已经走向成熟,Github上nw和光electron的star就差不多有10w颗星了,github也衍生出了很多开源的桌面项目俨然成了一个热门项目.既然这么热,那就一个字:学. 本文主要帮助js基础比较薄弱,又没有接触过electron的同学更好的学习electron,文中有什么不足之处或者错误,欢迎指出. electron 安装 npm命令安装electron库 npm install electron --save-dev --s…

Electron介绍 简单来说,Electron就是可以让你用Javascript.HTML.CSS来编写运行于Windows.macOS.Linux系统之上的桌面应用的库.本文的目的是通过使用Electron开发一个完整但简单的小应用:记事本,来体验一下这个神器的开发过程.本文犹如Hello World一样的存在,是个入门级笔记,但如果你之前从未接触过Electron,而又对它有兴趣,某想信这会是一篇值得一看的入门教程. PS:这篇文章是基于Windows的开发过程,未对macOS.Linux…

1.   官网下载Node.js 2.   安装Node.js 根据下载内容的不同,提供三种安装方法,选择自己喜欢的方式 2.1.   绿色免安装版(Linux(.tar.gz)) 解压Node-XXX.tar.gz tar zxvf Node-XXX.tar.gz 进入Node-XXX/bin目录,可以看到node 和 npm都存在 cd Node-XXX/bin 查看node版本,执行命令看到版本号就说明你下载的内容妥妥的了 ./node –v 将node命令修改为全局(相当于windows…

1.下载并安装Node.js 下载地址:https://nodejs.org/en/download/current/ 安装之后进行验证 2.下载并这装electron 安装命令:npm install -g electron 命令说明:-g代表全局安装,如果不加-g,则安装在命令行当前所在的目录下. 快速安装:由于连接npm服务器比较慢,可以使用https://npm.taobao.org/mirrors/electron/1.4.3/electron-v1.4.3-win32-x64.zip…

是什么? Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库. Electron通过将Chromium和Node.js合并到同一个运行时环境中,并将其打包为Mac,Windows和Linux系统下的应用来实现这一目的. 为什么选择electron? 先来看一下官方的两句话 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用 如果你可以建一个网站,你就可以建一个桌面应用程序. Electron 是一个使用 Jav…

Electron 可以让你使用纯 JavaScript 调用丰富的原生(操作系统) APIs 来创造桌面应用. 你可以把它看作一个 Node. js 的变体,它专注于桌面应用而不是 Web 服务器端. 这不意味着 Electron 是某个图形用户界面(GUI)库的 JavaScript 版本. 相反,Electron 使用 web 页面作为它的 GUI,所以你能把它看作成一个被 JavaScript 控制的,精简版的 Chromium 浏览器. 注意: 获取该示例的代码仓库: 立即下载并运行.…

1.安装node.npm node以及npm都需要是最新版本(版本过低有坑) 2.安装淘宝镜像cnpm(建议,下载较快) npm install -g cnpm --registry=https://registry.npm.taobao.org 3.安装electron cnpm install -g electron 4.安装打包输出工具 cnpm install -g electron-packager 5.安装electron 客户端工具(选择性,其实没必要) Electron.exe…

不要让自己的上限成为你的底线 前言 诈尸更新系列,为了跟上脚步,尝试了vue3,在学习vue3的时候顺便学习一手electron和ts,本教程将分别发布,源码会在最后的文章发布.因为还在开发中,目前也是为了防止有些遇到坑不会及时忘掉,所以先整理一部分出来 将分2部分发出教程,因为配置的东西个人感觉有点多并且跟开发内容相关的东西并不是很多,因此单独发出,见谅,第二篇这两天发出,长文警告!. 开发思路: 页面: 列表页index.vue 头部.搜索.内容部分,只能有一个列表页存在 设置页settin…

最近一直在折腾Vue3+Electron技术结合的实践,今天就来分享一些vue3.x和electron实现开启多窗口功能. 开始本文之前,先来介绍下如何使用vue3和electron来快速搭建项目. 目前electron.js的star高达89.3K+,最新稳定版v11.2.3. 使用vue开发electron应用,网上有个比较火的脚手架electron-vue,不过里面的版本太低,而且使用的是vue2.x语法. 今天主要分享的是vue3语法开发electron应用,所以只能手动搭建开发环境.…

我花了两个月闲暇翻译完了文档,大概是目前最完整最实时的中文文档了,有需要可以去看看学学:github传送门,大多数的需求阅读文档即可解决,实际上,翻译文档正是我入门一项未知事物时的最简单常用的法子. electron其实很方便,不过对于刚接触的前端而言学起来可能比较麻烦,因为不少都需要命令行来.这是篇简单的入门教程,省略了诸多步骤,只纯粹了解win下的electron使用前提,安装方法,使用教程,打包四个环节. Electron安装方法:由于上文中传送门里的文档已经非常简便的阐明安装方法,极其之…

vue create project vue add vue-cli-plugin-electron-builder node_modules\@vue\cli-service\lib\config\base.js     webpackConfig.module     .rule('worker')       .test(/\.worker\.js$/)       .use('worker-loader')         .loader(require.resolve('worker-…