前言 本人是做java开发的(菜鸟),做web项目的朋友们基本上都会遇到同样一个,永远不知道客户会怎么样使用,或者说永远不知道客户会用什么浏览器打开我们做出来的应用,就算你跟他说明了一定得用某某某浏览器打开,还是有人会用别的浏览器打开,这种情况通常我们会去做适配(前端),最近公司有需求要把一个项目做成Windows桌面应用,由于我们公司的前端工程师刚好离职了,然后就由我去看这块,为了方便以后的查阅和记录学习过程,决定写下这篇文章,希望有看到的会用electron的朋友指点一下. 简介 elect…

我的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作为一款跨平台的桌面应用端解决方案已经风靡全球.作为开发者,我们几乎不用关心与操作系统的交互,直接通过Web前端技术与Electron提供的API就可以完成桌面应用端的开发. 然而,为什么国内使用Electron的踩坑文章数不胜数,主要原因是Electron为了支持跨平台,为不同的操作系统平台进行了适配,将chromium内核与node集成到了一起,屏蔽了底层操作系统的细节,所以在不同的平台上有着不同的二进制基座.在开发的过程中,我们必须要下载对应的平台的基座,才能正常开发…

1.安装 node.js https://nodejs.org/en/ 2.安装asar npm install -g asar 3.安装atom https://atom.io/ 4.安装electron https://github.com/atom/electron/releases  我下载的是 electron-v0.36.6-win32-x64.zip 或者使用命令行:npm install electron-prebuilt -g 两种办法,都没能把electron下载下来...…

起因 使用Quasar框架开发Electron软件,配置好后发现electron没有正常安装,但是yarn却一本正经的胡说八道:不不不,electron已经在那里了.打开模块安装目录一看还真有electron文件夹,但是里面核心文件却没有下载. 解决如下: 源的速度过慢 yarn设置临时镜像 yarn save express --registry https://registry.npm.taobao.org yarn设置永久镜像 yarn config set registry https:…

做了几个electron项目,感觉最难搞的地方竟然是安装!这怎么能忍!经过几天试错,把自己能够顺利安装的流程记录下来,仅供参考. 使用框架为quasar+vue+quasar_electron quasar的安装参考官网(https://quasar.dev/) 1.新建项目 a.无文件夹创建 在目标路径下执行命令 $quasar create xxx        //xxx为文件名,小写 b.有文件夹创建 跳转至已有文件夹路径下(如:C:\Demo )执行命令,然后按照下图所示创建项目. $…

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的安…

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 --------…

安装使用electron辛路历程 成功安装electron以及成功使用第一个应用,整整花费了我一整天的时间,各种百度,各种尝试.最终,终于总结了一个亲测可行的终极可执行方案: electron 简单介绍: 实现:HTML/CSS/JS桌面程序,搭建跨平台桌面应用. electron 官方文档: https://electronjs.org/docs 使用步骤: 下载并安装node.js 检查node.js和npm是否安装成功 下载electron[这里需要注意:如果在线安装不行的话,直接离线下载…

起因 使用yarn安装electron有时稳定,在搭配别的框架时有时又出现无解的错误了,于是打开electron官网,发现: emm,似乎官方对npm情有独钟.于是我遵从官方旨意使用npm安装electron. 安装 使用命令: npm install --arch=ia32 --platform=win32 electron 解释: 考虑最后打包要兼容32位计算机,于是我开发时默认32位 npm设置镜像 npm设置临时镜像: npm --registry https://registry.np…