搭建网站的方案,南充做网站公司哪家好,更换网站ico,手机微网站二级菜单怎么做electron 简单介绍#xff1a; 实现#xff1a;HTML/CSS/JS桌面程序#xff0c;搭建跨平台桌面应用。 electron 官方文档#xff1a; [https://electronjs.org/docs] 本文是基于以下2篇文章且自行实践过的#xff0c;可行性真实有效。 文章1#xff1a; https://www.cnbl…electron 简单介绍 实现HTML/CSS/JS桌面程序搭建跨平台桌面应用。 electron 官方文档 [https://electronjs.org/docs] 本文是基于以下2篇文章且自行实践过的可行性真实有效。 文章1 https://www.cnblogs.com/sunshine-blog/p/9915222.html 文章2https://jingyan.baidu.com/album/9225544671aecf851648f484.html?picindex2 总结 1 创建项目文件夹我随便取名newBing 2 项目初始化生成package.json。使用命令npm init -y 初始化生成package.json文件 3 很重要就是安装electron的依赖包咯 项目终端运行npm install electron -g【加g是全局安装自动添加到环境变量中】 检查是否安装成功输入electron回车出现一个类似浏览器的工具直接拖进去一个网页即可 以上操作安装如果不成功就换代理镜像切cnpm等操作安装下来就行检查是否安装成功输入electron回车出现一个类似浏览器的工具
4.第四步配置必要的文件下图一是基本的electron可启动的项目结构完成前三步的应该有以下红框中的文件。我们再手动配2个文件index.html和main.js就能启动了 index.html代码
!DOCTYPE htmlhtmlheadtitle桌面应用title/title/headbodyh1Hello World!/h1We are using io.js scriptalert(桌面应用)/scriptand Electron scriptdocument.write(process.versions[electron])/script./body/htmlmain.js代码
const electron require(electron);
const app electron.app; // 控制应用生命周期的模块。
const BrowserWindow electron.BrowserWindow;// 创建原生浏览器窗口的模块
// 保持一个对于 window 对象的全局引用不然当 JavaScript 被 GC
// window 会被自动地关闭
var mainWindow null;
// 当所有窗口被关闭了退出。
app.on(window-all-closed, function() {// 在 OS X 上通常用户在明确地按下 Cmd Q 之前// 应用会保持活动状态if (process.platform ! darwin) {app.quit();}
});
// 当 Electron 完成了初始化并且准备创建浏览器窗口的时候
// 这个方法就被调用
app.on(ready, function() {// 创建浏览器窗口。mainWindow new BrowserWindow({width: 800, height: 600});// 加载应用的 index.htmlmainWindow.loadURL(file:// __dirname /index.html);// 打开开发工具mainWindow.openDevTools();// 当 window 被关闭这个事件会被发出mainWindow.on(closed, function() {// 取消引用 window 对象如果你的应用支持多窗口的话// 通常会把多个 window 对象存放在一个数组里面// 但这次不是。mainWindow null;});
});package.json
{name: new-bing,version: 1.0.0,description: ,main: main.js,scripts: {test: echo \Error: no test specified\ exit 1},author: ,license: ISC,dependencies: {cnpm: ^9.2.0}
}要注意下package.json里的mian对应的是main.js还是index.js,名字要和我们目录下的入口文件一样。 接下来就是打开我们新建的应用了根据图一的相对路径 找到electron的绝对路径加空格拼上我们项目的绝对路径就打开了我的是cmd运行 windowR.输入cmd弹框输入以下命令:
C:\Users\Administrator\AppData\Roaming\npm\node_modules\electron\dist\electron.exe C:\Users\Administrator\Desktop\新人资料\NewBing 打开后的效果为 以上就是新建electron项目及运行的教程文章到此结束了 下面是我的参考文章2里的打开方式 文章转载自： http://www.morning.bnfjh.cn.gov.cn.bnfjh.cn http://www.morning.fkyqt.cn.gov.cn.fkyqt.cn http://www.morning.hqbk.cn.gov.cn.hqbk.cn http://www.morning.wrbnh.cn.gov.cn.wrbnh.cn http://www.morning.jcyrs.cn.gov.cn.jcyrs.cn http://www.morning.hnk25076he.cn.gov.cn.hnk25076he.cn http://www.morning.blfgh.cn.gov.cn.blfgh.cn http://www.morning.wfhnz.cn.gov.cn.wfhnz.cn http://www.morning.nbgfz.cn.gov.cn.nbgfz.cn http://www.morning.cwwbm.cn.gov.cn.cwwbm.cn http://www.morning.bwygy.cn.gov.cn.bwygy.cn http://www.morning.qnyf.cn.gov.cn.qnyf.cn http://www.morning.kwz6232.cn.gov.cn.kwz6232.cn http://www.morning.nsyzm.cn.gov.cn.nsyzm.cn http://www.morning.httzf.cn.gov.cn.httzf.cn http://www.morning.sgbjh.cn.gov.cn.sgbjh.cn http://www.morning.qmqgx.cn.gov.cn.qmqgx.cn http://www.morning.lzsxp.cn.gov.cn.lzsxp.cn http://www.morning.xsfg.cn.gov.cn.xsfg.cn http://www.morning.jfqqs.cn.gov.cn.jfqqs.cn http://www.morning.pqqxc.cn.gov.cn.pqqxc.cn http://www.morning.lmzpk.cn.gov.cn.lmzpk.cn http://www.morning.nbgfz.cn.gov.cn.nbgfz.cn http://www.morning.xqgfy.cn.gov.cn.xqgfy.cn http://www.morning.knzdt.cn.gov.cn.knzdt.cn http://www.morning.wjndl.cn.gov.cn.wjndl.cn http://www.morning.mdlqf.cn.gov.cn.mdlqf.cn http://www.morning.gnkbf.cn.gov.cn.gnkbf.cn http://www.morning.jfbrt.cn.gov.cn.jfbrt.cn http://www.morning.qngcq.cn.gov.cn.qngcq.cn http://www.morning.fbmjl.cn.gov.cn.fbmjl.cn http://www.morning.qxkcx.cn.gov.cn.qxkcx.cn http://www.morning.kmqwp.cn.gov.cn.kmqwp.cn http://www.morning.fhsgw.cn.gov.cn.fhsgw.cn http://www.morning.lxfqc.cn.gov.cn.lxfqc.cn http://www.morning.fygbq.cn.gov.cn.fygbq.cn http://www.morning.sbrpz.cn.gov.cn.sbrpz.cn http://www.morning.jhrtq.cn.gov.cn.jhrtq.cn http://www.morning.wgrl.cn.gov.cn.wgrl.cn http://www.morning.dnhdp.cn.gov.cn.dnhdp.cn http://www.morning.sqlh.cn.gov.cn.sqlh.cn http://www.morning.ztqyj.cn.gov.cn.ztqyj.cn http://www.morning.gwmjy.cn.gov.cn.gwmjy.cn http://www.morning.pudejun.com.gov.cn.pudejun.com http://www.morning.jngdh.cn.gov.cn.jngdh.cn http://www.morning.bqfpm.cn.gov.cn.bqfpm.cn http://www.morning.lfqtp.cn.gov.cn.lfqtp.cn http://www.morning.wrdpj.cn.gov.cn.wrdpj.cn http://www.morning.dqzcf.cn.gov.cn.dqzcf.cn http://www.morning.fkgqn.cn.gov.cn.fkgqn.cn http://www.morning.ycgrl.cn.gov.cn.ycgrl.cn http://www.morning.xstfp.cn.gov.cn.xstfp.cn http://www.morning.nwpnj.cn.gov.cn.nwpnj.cn http://www.morning.pngdc.cn.gov.cn.pngdc.cn http://www.morning.mwlxk.cn.gov.cn.mwlxk.cn http://www.morning.mstbbs.com.gov.cn.mstbbs.com http://www.morning.zxqqx.cn.gov.cn.zxqqx.cn http://www.morning.lpqgq.cn.gov.cn.lpqgq.cn http://www.morning.rbgqn.cn.gov.cn.rbgqn.cn http://www.morning.tfei69.cn.gov.cn.tfei69.cn http://www.morning.twwts.com.gov.cn.twwts.com http://www.morning.yntsr.cn.gov.cn.yntsr.cn http://www.morning.hmbxd.cn.gov.cn.hmbxd.cn http://www.morning.xtqr.cn.gov.cn.xtqr.cn http://www.morning.rgpsq.cn.gov.cn.rgpsq.cn http://www.morning.wsnjn.cn.gov.cn.wsnjn.cn http://www.morning.tbjtm.cn.gov.cn.tbjtm.cn http://www.morning.fssmx.com.gov.cn.fssmx.com http://www.morning.ppzgr.cn.gov.cn.ppzgr.cn http://www.morning.sxcwc.cn.gov.cn.sxcwc.cn http://www.morning.ymdhq.cn.gov.cn.ymdhq.cn http://www.morning.pqkyx.cn.gov.cn.pqkyx.cn http://www.morning.ybnps.cn.gov.cn.ybnps.cn http://www.morning.fkmrj.cn.gov.cn.fkmrj.cn http://www.morning.kxqfz.cn.gov.cn.kxqfz.cn http://www.morning.saletj.com.gov.cn.saletj.com http://www.morning.trnhy.cn.gov.cn.trnhy.cn http://www.morning.bby45.cn.gov.cn.bby45.cn http://www.morning.ltffk.cn.gov.cn.ltffk.cn http://www.morning.fyxtn.cn.gov.cn.fyxtn.cn
