electron 订阅
2014年7月,名为“电子”(Electron)的小型卫星专用运载火箭。 [1]  由新西兰政府和硅谷共同赞助的火箭实验室(Rocket Lab)宣布成功研制。 展开全文
2014年7月,名为“电子”(Electron)的小型卫星专用运载火箭。 [1]  由新西兰政府和硅谷共同赞助的火箭实验室(Rocket Lab)宣布成功研制。
信息
18m
制造商
火箭实验室(Rocket Lab)
特    点
小型卫星专用运载火箭
重    量
大于10t
中文名
电子
直    径
1m
发射场
新西兰玛希亚半岛的私有发射场
外文名
Electron
Electron性能数据
“电子”火箭是一种碳复合材料火箭,低地球轨道运载能力为110kg。采用液体燃料发动机,推力约32000磅。 火箭高18m,直径1m,重量大于10t。
收起全文
精华内容
下载资源
问答
  • electron

    2019-09-28 00:00:15
    npm i -D electron@latest # Electron 6.0.10 # Node 12.4.0 # Chromium 76.0.3809.146 $ npm i -D electron@beta # Electron 7.0.0-beta.5 # Node 12.8.1 # Chromium 78.0.3905.1 $ np...

     

    npm i -D electron@latest
    # Electron   6.0.10
    # Node       12.4.0
    # Chromium   76.0.3809.146
    $ npm i -D electron@beta
    # Electron   7.0.0-beta.5
    # Node       12.8.1
    # Chromium   78.0.3905.1
    $ npm i -D electron-nightly
    展开全文
  • Electron

    2018-11-03 01:13:00
    Electron官网(中文),也有Electron中文网 Electron可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。 你可以把它看作一个专注于桌面应用的 Node.js 的变体,而不是 Web 服务器。 这不意味着 ...

    1.概念

    简介

    Electron官网(中文),也有Electron中文网

    Electron可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。

    你可以把它看作一个专注于桌面应用的 Node.js 的变体,而不是 Web 服务器。
    这不意味着 Electron 是绑定了 GUI 库的 JavaScript。相反,Electron 使用 web 页面作为它的 GUI,所以你能把它看作成一个被 JavaScript 控制的,精简版的 Chromium 浏览器。

    VScode是采用electron为基础开发的。
    electron让我们使用javascript,html5,css3开发富交互桌面应用变得轻松,重要的是通过electron我们可以使用javascript完成对本地操作系统接口的调用。由于electron基于node,Chromium,v8,使得前端开发中经常遇到的浏览器兼容性问题彻底消失。

    参考

    理解

    迅雷X 正式发布,完美支持4K显示,迅雷X是基于Electron软件框架开发的,渐变色很酷

    我们的目的是用electron写js类应用,开始阶段不需要太细致研究electron

    不要按照官方npm一步步来,坑太多,直接下载electron-v3.0.0-beta.7-win32-x64.zip

    2.环境安装

    安装nodejs+npm:教程
    安装 electron:发行版本:对应版本直接到Github下载

    3. Vue+Electron

    2018年11月24日于杭州,由w3ctech、前端圈共同举办的中国第二届VueConf落下帷幕,来自全国各地的前端爱好者共聚一堂,畅聊Vue,畅聊未来。

    那我们一起来听听 美团前端工程师赵帅 给我们带来的《基于Electron-Vue的桌面应用开发实践》的视频。视频地址

    转载于:https://www.cnblogs.com/ioufev/p/9899276.html

    展开全文
  • 使用 Electron 打包 Web 应用

    万次阅读 2020-06-05 11:18:53
    2、 安装 electron 到项目文件夹 在项目文件夹下执行以下命令 npm install --save-dev electron /** * 这一步我用 cnpm 安装的,cnpm 的具体安装方法可百度 * --save-dev 可以自动更新 package.json 里面的

    1、 npm 初始化项目

    新建一个文件夹作为项目文件夹
    使用 npm init 初始化文件夹
    生成一个 package.json 文件
    修改 package.json 里面的 "main": "index.js"

    2、 安装 electron 到项目文件夹

    在项目文件夹下执行以下命令

    npm install --save-dev electron
    
    /** 
      * 这一步我用 cnpm 安装的,cnpm 的具体安装方法可百度
      * --save-dev 可以自动更新 package.json 里面的 "devDependencies", 
      * 不用自己手动更新
     */
    

    3、 新建一个 index.js 入口文件

    在项目文件夹里面新建一个 index.js 文件
    并在里面复制以下代码

    const { app, BrowserWindow, Menu } = require('electron')
    
    function createWindow () {   
      // 隐藏菜单栏
      Menu.setApplicationMenu(null)
      // 创建浏览器窗口
      const win = new BrowserWindow({
        icon: './logo.ico', // 设置窗口左上角的图标
        show: false,
        webPreferences: {
          nodeIntegration: true
        }
      })
    
      // 下面这两行代码配合上面 new BrowserWindow 里面的 show: false,可以实现打开时窗口最大化
      win.maximize()
      win.show()
    
      // 并且为你的应用加载index.html
      win.loadFile('index.html')
    
    }
    
    // Electron会在初始化完成并且准备好创建浏览器窗口时调用这个方法
    // 部分 API 在 ready 事件触发后才能使用。
    app.whenReady().then(createWindow)
    
    // 当所有窗口都被关闭后退出
    app.on('window-all-closed', () => {
      // 在 macOS 上,除非用户用 Cmd + Q 确定地退出,
      // 否则绝大部分应用及其菜单栏会保持激活。
      if (process.platform !== 'darwin') {
        app.quit()
      }
    })
    
    app.on('activate', () => {
      // 在macOS上,当单击dock图标并且没有其他窗口打开时,
      // 通常在应用程序中重新创建一个窗口。
      if (BrowserWindow.getAllWindows().length === 0) {
        createWindow()
      }
    })
    
    // 您可以把应用程序其他的流程写在在此文件中
    // 代码 也可以拆分成几个文件,然后用 require 导入。
    

    4、 新建一个 index.html 文件作为项目文件

    在项目文件夹里面新建一个 index.html 文件,这个跟 index.js 文件里面声明的 win.loadFile('index.html') 是一致的

    5、 安装 electron-packager 进行 web 应用打包

    在项目文件夹中使用以下命令安装 electron-packager

    npm install --save-dev electron-packager
    
    // 这里同样可以使用 cnpm 来进行安装
    

    6、 在 packager.json 中添加相应的 script 脚本

    ** 注意: **
    ** 在执行 npm run packager 的时候可能会遇到卡住的情况,**
    ** 这时候只要设置一下 eletron_mirror 就好了 **
    npm config set registry https://registry.npm.taobao.org/
    npm config set ELECTRON_MIRROR http://npm.taobao.org/mirrors/electron/

    start 这一行可以使用 npm run start 来进行快速的打开运行你的web应用
    packager 这一行使用 npm run packager 来进行应用的打包,生成 .exe 等可执行文件

    "scripts": {
        "start": "electron .",
        "packager": "electron-packager . 'app' --platform=win32 --arch=x64 --out=./build --electron-version 9.0.2 --app-version 1.0.0 --overwrite --icon=./logo.ico"
      },
    

    然后执行一下 npm run packager 就可以了

    展开全文
  • 本文介绍了npm config set/delete命令和./.npmrc文件的关系。介绍了npm三种更换下载源的方法。介绍了解决electron下载慢的方法。

    写在前面:大家好K。首先为你点进这篇有趣的文章点赞👍!文章在撰写过程中难免有疏漏和错误,欢迎你在下方留言指出文章的不足之处;如果觉得这篇文章对你有用,也欢迎你点赞和留下你的评论。更多内容请点进👉我的博客K。👈阅览。

    你一定会发现了用npm install安装electron很慢,看看如何解决这个问题吧

    1. npm config命令 与 ~/.npmrc文件

    npm config set添加配置与~/.npmrc文件内容是相互影响的。

    1. 在使用npm config set 变量名 值方式添加变量时,npm全局配置信息会改变,且~/.npmrc文件中会自动添加上变量名=值。(如果是第一次使用没有~/.npmrc文件,npm会自动创建该文件)

    2. 使用npm config delete 变量名删除变量时,npm全局配置信息会改变,且~/.npmrc中会自动删除掉变量名=值。(如果将用户自定的变量都删除完后,npm会自动删除~/.npmrc文件)

    3. 开发者手动在~/.npmrc文件中增删变量名=值,npm配置信息也会相应的发生改变。

    示例

    在shell中输入:

    npm config set ELETRON_MIRROR https://npm.taobao.org/mirrors/electron/
    npm config set registry https://registry.npm.taobao.org/
    

    使用npm config list查看npm配置信息,显示:

    npm配置信息

    第一行用注释提示这是用户手动配置的东西,之后就会显示这些用户手动添加的变量。不论用户是通过命令来增删还是直接修改~/.npmrc文件,这里的值都会发生改变。当没有用户配置变量时,将不会显示这些行(包括那行注释)。

    2. npm换源

    npm通常在下载模块时很慢,我们有三种方法改善这一情况:

    • 法一

    下载安装cnpm工具,替代npm,以后都使用cnpm安装模块:

    # 全局安装cnpm
    npm install -g cnpm
    

    -g选项表示全局安装,而不是只能在某个项目文件夹中使用。

    优点:一劳永逸解决npm下载慢的问题;

    缺点:会额外安装软件,有软件洁癖的话可能受不了。

    • 法二(不推荐)

    每次运行时都指定下载源的地址:

    # 示例:指定安装源,全局安装cnpm
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    

    加上--registry=XXX.XXX表示,本次从XXX.XX网址下载模块。

    优点:不必安装新的软件;

    缺点:每次都添加那么长一些代码很不方便。

    • 法三(强烈推荐)

    往用户配置中添加registry变量,有两种方法

    1. 执行命令
    npm config set registry https://registry.npm.taobao.org/
    
    1. 手动创建./.npmrc文件(如果没有的话),里面添加一行:registry=https://registry.npm.taobao.org/

    此时输入npm config list命令,就会多出上面👆截图中的内容。

    3. 添加electron镜像地址

    解决了npm下载慢的问题,但是在安装electron时发现,后面下载electron的时候还是很慢,而且因为eletron很大,还很有可能导致连接超时。这是因为下载electron时,还要去别的地址下载文件。这该怎么解决呢?

    我们可以通过类似npm换源的第三种方法,在配置文件中添加electron的阿里云镜像地址:

    输入命令:

    npm config set ELETRON_MIRROR https://npm.taobao.org/mirrors/electron/
    

    或直接在./.npmrc文件中添加一行ELETRON_MIRROR=https://npm.taobao.org/mirrors/electron/

    此时,经过添加两个变量registryELETRON_MIRROR,执行npm config list,会有上面👆截图中的三行。

    注意必须要全大写ELETRON_MIRROR,地址最后的/可要可不要,配置信息中会自动加上。

    展开全文
  • 该文件是使用Electron开发的demo,使用electron-packager、electron-builder打包的例子
  • electron/electron-api-demos - An Electron app that teaches you how to use Electron hokein/electron-sample-apps - Small demo apps for the various Electron APIs Programmatic usage Most people use ...
  • Electron实战专题

    2018-10-23 11:12:20
    Electron允许用Web技术开发跨平台桌面应用。本套餐深入介绍关于Electron的各种技术,包括但不限于Electron安装、Electron对话框、Electron菜单、数据存储,在Electron中编译SQLite本地模块,托盘等
  • Electron 初探

    2019-08-23 23:30:52
    本期Chat,由葡萄城资深工程师 —— 刘涛,带来《Electron 初探》,届时我们将通过线上直播,讲解 Electron 入门技巧及使用场景。 讲师简介:GrapeCity SpreadJS 前端工程师,前ThoughtWorks开发工程师。 课程地址...
  • electron.zip

    2020-03-24 16:04:15
    下载后解压到 node_modules / electron npm install electron安装后报错无法运行的小伙伴,说明electron没下载成功 下载后解压到node_modules目录即可,npm install electron安装后无法运行的小伙伴,下载这个...
  • 本课程是《Electron实战》专题的第3个课程,本课程可以让学员掌握各种打包Electron应用的方法。 本课程同时在Windows和Mac OS X平台上操作和演示,同时也适合于Linux。不管学员使用什么平台,本课程的源代码都可以...
  • electron有主进程和渲染进程,所以调试部分也分为两大块,即调试主进程和渲染进程一、调试渲染进程调试渲染进程和调试浏览器的方法基本差不多。在运行electron 应用之后可以通过下面两种方式打开调试工具1.手动打开...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 31,730
精华内容 12,692
关键字:

electron