Total Pageviews

Monday 29 July 2024

electron-vue 快速入门

 electron-vue

electron-vue官网:点击访问

electron官网:点击访问

搭建

使用vue init确保安装@vue/cli @vue/cli-init

1
2
3
4
5
6
7
8
9
# 安装脚手架样板代码
vue init simulatedgreg/electron-vue my-project

# 安装依赖并运行你的程序
cd my-project

yarn # 或者 npm install

yarn run dev # 或者 npm run dev

踩坑

  • npm install 阶段遇到了electron安装超时的问题,有两种方法解决
    1. 安装cnpm运行cnpm install
    2. 设置npm代理
  • npm run dev 阶段遇到了process is not defined
    1. 删除node_modules 安装10.x.x版本的node,我本地是12.0.0,通过n模块安装的10.16.0 实现两个版本node共存。
    2. 按照issues里面的做法,会导致其他问题,最稳定的就是降低自己的node版本到10.x.x

技术细节

主进程和渲染进程

介绍

Electron 运行 package.json 的 main 脚本的进程被称为主进程。 在主进程中运行的脚本通过创建web页面来展示用户界面。 一个 Electron 应用总是有且只有一个主进程。

由于 Electron 使用了 Chromium 来展示 web 页面,所以 Chromium 的多进程架构也被使用到。 每个 Electron 中的 web 页面运行在它自己的渲染进程中。更多

通信

使用ipcRendereripcMain 模块可以实现通信.

No comments:

Post a Comment