Electron开发桌面应用
使用Electron可以开发js版的桌面应用,Electron的官网:/
来到官网我们可以看到很多信息,但是作为前端开发的我,现在才知道,一直用的vscode编辑器竟然就是用js写的!
使用vscode的都知道,功能想当强大,那我们我们用js、css、html等前端技术就可以开发自己的强大软件。
环境配置:
node、electron包
下载electron包的时候,国外的源非常慢,最好还是用淘宝镜像吧
//查看node安装是否成功$ node -vv10.16.0//使用淘宝镜像npm install -g cnpm --registry=https://registry.//全局安装electroncnpm install --g electron//查看安装是否成功$ electron -vv10.1.0
开发一个简单的应用
在官网的文档介绍中,有一个demo,大家可以下载代码,安装对应的依赖,然后运行。地址:/docs/tutorial/first-app#electron-development-in-a-nutshell
注意:npm install安装依赖慢的话,还是用cnpm install吧
执行命令npm start,运行程序
生成桌面应用
执行命令:全局安装electron的打包工具
GitHub:/electron/electron-packager#installation
npm install electron-packager -g
在package.json中配置打包命令:
以下报错:需要指定electron的版本
--version does not take an argument. Perhaps you meant --app-version or --electron-version?Electron Packager 15.1.0Node v12.18.3Host Operating system: win32 10.0.18362 (x64)
以下报错,升级你的node:因为在你当前版本的node中,不支持这个api
(node:10252) ExperimentalWarning: The fs.promises API is experimental
windows升级node的方式,去官网重新下载node,然后安装之前版本的node路径,新的node文件会替换旧node文件,然后
node -v测试是否安装成功!