electron 搭建与运行

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了electron 搭建与运行相关的知识,希望对你有一定的参考价值。

1,安装node.js 4.0以上版本 我的版本是目前最新的版本6.2.2



2,由于electron的安装需要依赖一个很大的压缩包,50M的样子,用git去下载的话很容易下载不了而报错,所以可以先提前下载下来http://npm.taobao.org/mirrors/electron 这里有很多的版本,最新版在最下面,我目前安装的是最新的v1.2.5


然后点进去,找到符合自己系统的版本,如果不知道是哪个版本,可以先执行 npm install electron-pribuilt -g 


这就能看见需要的版本了,我需要的是electron-v1.2.5-win32-x64.zip


用别的工具下载下来 迅雷也行,chrome也可以,大概50M,下载完成之后放到全局NPM目录,我的全局目录是在c:\users\administrator\.electron


然后就可以放心的执行 

npm install electron-pribuilt -g

安装完成之后如果不放心,可以执行

electron -v

查看一下结果

之后就可以获取一个实例来看看最终效果了

git clone https://github.com/atom/electron-quick-start

这个项目 git之后不用安装任何NPM包就可以直接运行了

npm start

npm start 是在package.json中编辑好的命令,直接运行就有界面了。

结束:

本来截了很多的图可以看见每一步的效果,结果这博客估计是出问题了,上传的图片都不显示,只好删除了。

本文出自 “__无字书” 博客,请务必保留此出处http://wuzishu.blog.51cto.com/6826059/1795573

以上是关于electron 搭建与运行的主要内容,如果未能解决你的问题,请参考以下文章

electron-egg搭建项目

Electron+React 快速搭建一个桌面应用

原创从零开始搭建Electron+Vue+Webpack项目框架,一套代码,同时构建客户端web端

原创从零开始搭建Electron+Vue+Webpack项目框架,一套代码,同时构建客户端web端

使用 Electron 对 macOS 应用程序进行代码签名

使用electron和node-serialport的环境搭建过程