app - windows 使用electron 来创建桌面应用程序(nodejs + chromium)

访问量: 15

electron 是个非常牛的项目 , 8W的star

https://github.com/electron/electron

1. window 下下载nodejs 

2. 安装 cnpm (为了后面的快速安装其他package)

3. cnpm install electron

4. git clone https://github.com/electron/electron-quick-start
5 cd electron-quick-start
6. cnpm install
7. npm start

就可以看到一个demo运行起来了,确实强大!

转换成exe  (卡在这里了。)

cnpm install yarn -g   全局安装yarn

yarn config set registry https://registry.npm.taobao.org/   使用第三方 镜像 

yarn add electron-builder --dev   开始安装 electron-builder

electron + vue 

参考这里:

https://github.com/SimulatedGREG/electron-vue

"package": "electron-packager . --platform=win32 --arch=x64 --out=./dist --asar --download.mirrorOptions.mirror=https://npm.taobao.org/mirrors/electron/"

package.json的例子 (卡住了)

{
  "name": "electron-quick-start",
  "productName": "electron app",
  "version": "1.0.0",
  "description": "A minimal Electron application",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "package": "electron-packager . --platform=win32 --arch=x64 --out=./dist --asar --download.mirrorOptions.mirror=https://npm.taobao.org/mirrors/electron/"
  },
  "repository": "https://github.com/electron/electron-quick-start",
  "keywords": [
    "Electron",
    "quick",
    "start",
    "tutorial",
    "demo"
  ],
  "author": "GitHub",
  "license": "CC0-1.0",
  "devDependencies": {
    "electron": "^11.1.1"
  }
}

electron 有两种进程: main , renderer

main 进程: 可以认为是 nodejs 在后台运行的内容,会直接调用操作系统的各种接口,负责一直维持该app的存在

renderer 进程: 仅仅渲染不同的页面(HTML). 可以存在多个. 一个挂掉,不会影响另外一个.

订阅/RSS Feed

Subscribe

分类/category