1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 使用 JavaScript HTML 和 CSS 构建跨平台的桌面应用程序——Electron

使用 JavaScript HTML 和 CSS 构建跨平台的桌面应用程序——Electron

时间:2021-12-07 12:42:46

相关推荐

使用 JavaScript HTML 和 CSS 构建跨平台的桌面应用程序——Electron

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测试是否安装成功!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。