如何通过npm怎么安装npmelectron

electron打包的nodejs应用应如何编写使得从npm下載后也能直接在命令行调用


就是我现在有一个electron的应用(比如叫ah),然后我想把它发布到npm上面

打包的话也不能把electron-packager之后的东西给发上去。。

我应该怎样写才能使得用户在npm i -g ah之后在命令行里直接调用ah就启动这个electron应用呢






应该是cnpm怎么安装npm会报错我们改鼡npm,慢点就慢点

怎么安装npm之后,electron -v 就会成功显示我们怎么安装npm好了

出现如下界面说明项目运行成功

官方的这个仓库给我们初始化了一个electron项目,结构非常纯净接下来你就可以直接改造成自己的项目了。还等什么赶紧试试吧。

electron核心我們可以分成2个部分主进程和渲染进程。主进程连接着操作系统和渲染进程可以把她看做页面和计算机沟通的桥梁。渲染进程就是我们所熟悉前端环境了只是载体改变了,从浏览器变成了window传统的web环境我们是不能对用户的系统就行操作的。而electron相当于node环境我们可以在项目里使用所有的node api 。

怎么安装npm完项目依赖后的完整项目结构如下图所示:

package.json:描述包的文件这里默认已经将主进程入口文件配置为main.js

1、ready:当Electron完荿初始化后触发,这里初始化后就会去创建浏览器窗口并加载主页面

2、window-all-closed:当所有浏览器窗口被关闭后触发,一般此时就退出应用了

3、activate:当app激活时触发,一般针对macOS要需要处理

index.html:是一个web页面,它需要使用一个浏览器窗口(BrowserWindow)来加载和显示作为应用的UI,它处在一个独立的渲染进程中

renderer.js:渲染进程,它的操作跟web中的js操作大同小异所以最好有node.js、js以及es6的语法的功底,这样开发起来才能得心应手。

app启动时执行main.jsΦ的代码创建窗口加载页面等。渲染进程renderer.js进行页面的渲染渲染进程与主进程间相互通信,进行数据的传递等但主进程与渲染进程之間不能直接互相访问,需要通过ipcMain和ipcRenderer进行IPC通信

四、将项目打包成可运行的桌面应用程序

1、使用webpack将代码进行混编

注:进行electron桌面应用程序开发時,最主要的依据就是参考electron的官方文档进行开发官方文档里的讲解,很是详细

这是小编对于electron入门的一些理解,仅供参考

我要回帖

更多关于 怎么安装npm 的文章

 

随机推荐