什么是Electron

简单的说Electron就是一个能让你使用 JavaScript, HTML 和 CSS 来创建桌面应用程序的框架。 而这些应用程序可以打包后在 macOS、Windows 和 Linux 上直接运行使用。非常适合前端来做桌面应用开发。

一、Electron安装

1. 电脑装上node.js之后安装electron

2. 进入到electron项目路径

在终端输入以下命令:

npm install --registry https://registry.npm.taobao.org
cnpm install

3. 开始运行

npm run dev

提示Electron安装失败

找到node_modules里的electron文件夹,看看是否包含dist文件夹

Electron安装/打包错误的问题总结_Electron

如果没有,可以手动进行安装,在终端进入node_modules/electron路径

输入node install.js进行安装

二、Electron打包

打包命令:

npm run build

打包失败:

"directories" in the root is deprecated, please specify in the "build"

原因:directories将在package.json中build定义,因为它不再可以在package.json的顶层使用。

如果遇到这样的短语,那么很可能是在使用其他人创建的项目,但是版本有所不同。

修复方法:

在package.json的build中只需要更改内容

"directories": {

"doc": "docs"

}

删除这样的部分

更多详细:在 https://www.electron.build/configuration/configuration

另外有些项目打包缓慢的解决办法:

可以下载好对应electron版本的包,例如electron-v10.1.2-win32-x64.zip包,由于打包的时候要到Github上下载这个资源特变慢,而且没有这个包会打包很慢。(我试过打包10次以上只有一次成功)

提供一个下载地址: https://npm.taobao.org/mirrors/electron/

将electron包文件复制到这个路径:

C:\Users\dong\AppData\Local\electron\Cache\

后面打包就快了

小结

Electron对于学过VUE的同学还是上手非常快的,建议新手使用visual studio code这款完全免费的代码编辑器,调试也很方便。

electron + vue 打包错误 UnhandledPromiseRejectionWarning: ReferenceError: Multispinner is not defined

electron+vue打包错误UnhandledPromiseRejectionWarningReferenceErrorMultispinnerisnotdefined

Java中的数组运用广泛,之前讲了一维数组的定义与概念,和最后的应用到代码内;那么,今天我们就进行二维数组和多维数组的运用及概念;另外,文章的最后会普及一些笔试中经常出现的算法; 一、二维数组         1、二维数组可以看成以数组为元素的数组;         2、Java中多维数组的声明和初始化应按从高维到低维的顺序进行; 先说一个idea编辑器的问题,编辑器的光标变成黑色光标无法移动,按一下insert键就好了。 数组是线性数据存储结构、它用牺牲自动扩展大小来换取与集合相比的唯一优势——查询效率的提升。本身是一种引用类型的数据、所以我们要使用数组就要首先声明、初始化他、而它的初始化的完成也就意味着此数组的大小将不再改变、而且具有初始值。