前言 最近想把自己用html+css+js做的网页界面打包成桌面应用,网上一搜,发现Electron是一个不错的选择,试了试,发现效果真的不错。这里记录一下打包过程以作记录,便于自己以后查看学习。 一、简介 Electron是由Github开发,用HTML,CSS ...
.初始化node项目,生成package.json文件 npm init .安装electron,并保存为开发依赖项 npm install electron D .根目录下新建index.js文件 .根目录下新建index.html文件 .打开package.json文件,新建命令 .执行启动命令 .安装electron打包工具electron packager .配置打包命令 执行打包命令 ...
2019-01-08 20:43 0 1133 推荐指数:
前言 最近想把自己用html+css+js做的网页界面打包成桌面应用,网上一搜,发现Electron是一个不错的选择,试了试,发现效果真的不错。这里记录一下打包过程以作记录,便于自己以后查看学习。 一、简介 Electron是由Github开发,用HTML,CSS ...
首先戳我下载安装对应版本的node.js。 安装完成后,打开命令行输入node -v以及npm -v查看对应版本。能够正常显示说明安装成功。 写一个最简单的hello world的nodejs应用。nodejs的基础目录结构如图: ♦ node_modules文件夹 ...
场景 用HTML和CSS和JS构建跨平台桌面应用程序的开源库Electron的介绍以及搭建HelloWorld: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/106413828 上面已经讲了使用Electron项目搭建 ...
一、前言 项目本来打算采用B/S架构去做的,浏览器网址方式打开还是让用户不方便; 二、使用electron集成桌面应用 本身项目是使用vue-cli开发的,在使用electron之前,需要将本身的项目打包好后打开index.html能显示网页.因为刚接触便直接拿官方demo进行打包 ...
一、前言 项目本来打算采用B/S架构去做的,只是在"人群中多看了你一眼"。 二、使用electron集成桌面应用 本身项目是使用vue-cli开发的,在使用electron之前,需要将本身的项目打包好后打开index.html能显示网页.因为刚接触便直接拿官方demo进行打包 ...
1.初始化node项目,生成package.json文件 npm init 2.安装electron,并保存为开发依赖项 npm install electron -D 3.根目录下新建index.js文件 4.根目录下新建index.html文件 ...
项目创建完成,启动正常,接下来就是项目打包了。将测试Demo打包成exe桌面应用,点击exe文件,运行项目。 书接上文,创建项目有三种方式 Git拷贝、直接创建;通过electron社群提供的命令行工具(CLI) electron-forge 创建项目,看起来对应的项目打包方式也应该有三种 ...
前次用 electron-packager 打包成功,这次改用 electron-builder 打包,然后根据项目中实际需要进行选择使用。 第一步:全局安装 electron-builder,便于系统通用 第二步:打包 electron 项目 ...