本文主要有以下内容：

• Electron环境
• Electron 主进程、渲染进程环境
• Electron 主进程、渲染进程
• 渲染进程、窗口、index.html之间的关系
• webpack如何处理主进程、渲染进程: target: ‘electron-renderer’, electron-main
• 神奇的remote-主进程、渲染进程通信

在看这篇之前，如果你对Electron基础已经了解，则可以继续，如果不了解，建议先看下：

• Electron 入门简介

阅读剩下更多

项目启动流程

1. 明确项目业务目标，根据业务目标拆解项目目标，与目标细节描述。
2. 明确干系人，提前合入

阅读剩下更多

github: https://github.com/spcBackToLife/node-webpack4-ts-demo

这篇文章主要是帮助大家去集成Webpack4+node+typescript+hotReload的环境，而不需要自己再去各种查资料。

包含如下内容

• webpack4 + typescripts
• node environment
• nodemon for hot relaod node files

你可以根据以下步骤自己搭建这样的环境，或者是从文章上面的github地址，下载使用这个demo。

阅读剩下更多

介绍

这篇文章，主要的是讲述如何搭建Electron项目，这里会用到上篇文章：Webpack4+node+typescript+hotReload 搭建的框架，这里，大家可以先clone下来：

1

git clone git@github.com:spcBackToLife/node-webpack4-ts-demo.git

基础框架的搭建主要有以下部分内容，基本每部分都是单独的一篇文章：

• 基础node环境搭建: webpack4 + node + typescript
• Electron集成: 单窗口 + 主进程、渲染进程在dev、prod环境的webpack处理。
• React 集成
• Mobx 集成 （由于redux比较重，dva比较麻烦，最后选择Mobx做react状态管理会更合适）
• Electron集成: 多窗口 + 窗口渲染进程webpack处理。
• 数据缓存、存储服务管理
• 应用基础功能服务设计：录屏、截屏
• 应用集成三方环境设计：Python环境
• 应用webview注入js设计
• 运行日志集成

阅读剩下更多

如何搭建自己的博客

1. 安装hexo

1
2
3
4

npm install hexo-cli -g
hexo init myBlog
cd myBlog
yarn install

阅读剩下更多

一丶介绍

​ rabbitMQJar是对rabbitmq的一种jar包封装，使其能简单的被java程序调用。在spring的rabbitTemplate基础上进一步简化使用。此项目参考了https://github.com/littlersmall/rabbitmq-access项目的多线程消费者与消息重发机制。也非常感谢作者的开源支持。

二丶封装功能支持

1. 支持发送字符串类型消息与java对象消息。
2. 支持多线程消费者。（固定线程池）
3. 支持消息重发，保证消息可靠到达。

阅读剩下更多

Electron 简介

Electron 是 跨平台 的桌面应用。
Electron 兼容 Mac, Windows(xp不兼容) 和 Linux。
Electron 基于 Chromium 和 Node.js, 让你可以使用 HTML, CSS 和 JavaScript 构建应用。
Electron 的内核Chromium会随着Electron的版本更新而更新。当然，你也可以自己指定更新内核。（建议跟Electron版本更方便）

阅读剩下更多

这个是在链接chrome插件的时候访问不到，导致的。可以在应用中取掉此插件, 比如你的应用里有如此代码，就是加载插件(electronInstall)：

1
2
3
4
5
6
7
8
9

export async function installExtensions() {
  if (
    process.env.NODE_ENV === 'development'
    || process.env.DEBUG_PROD === 'true'
  ) {
    const forceDownload = !!process.env.UPGRADE_EXTENSIONS;
    await electronInstall([REACT_DEVELOPER_TOOLS, REDUX_DEVTOOLS], forceDownload);
  }
}

复制：C:\Users\pk\AppData\Roaming\Electron 中的文件到自己电脑中。

AppData是隐藏文件夹，需要显示了能看哦。

或者你换个热点、翻个墙，就可以下载chrome插件了。

阅读剩下更多

运行时出现此错误的话： MSBUILD : error MSB4132，无法识别工具版本“2.0” 等（还有提示啥14.0,4.0的都一样）。

1
2
3
4
5
6

// 此处2015 是电脑上装的2015 ，如果不是，可以看自己电脑是不是2012，
// 或者不知道怎么看的，直接试试 2012 是不是得行。
npm install --global --production windows-build-tools(管理员权限) -- 预计要15分钟左右，耐心等待
npm install --msvs_version 2015 -g
npm config set msvs_version 2015 -g
// 卸载中打开：visual studio 15 生成工具2017 , 点击修改，右侧选择适用于桌面的VC++2015.3v1400

阅读剩下更多