Electron实践

2020.4

开发者工具扩展

添加chrome 扩展
vue-devtools

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
const { app, session } = require('electron')
const path = require('path')
// ### 方式零: onready:BrowserWindow.addDevToolsExtension $_Note: depreased
// ### 方式一: default session
app.on('ready', async () => {
await session.defaultSession.loadExtension(path.join(__dirname, 'react-devtools'))
// Note that in order to use the React DevTools extension, you'll need to
// download and unzip a copy of the extension.
});
// ### 方式二:window session
window.webContents.session.loadExtension(
path.join(os.homedir(), '/Library/Application Support/Google/Chrome/Default/Extensions/nhdogjmejiglipccpnnnanhbledajbpd/5.3.3_0')
);
// ## 插件
const installer = require('electron-devtools-installer');
installer.default(installer.VUEJS_DEVTOOLS).then(() => {
main.init();
}).catch(err => {
console.log('Unable to install `vue-devtools`: \n', err);
});

$_PS: 也可以放到项目目录devTools/vue-devtools

安装

安装 electron npm i -g electron

2、设置系统环境变量(设置 electron 使用淘宝源,很快)
// windows 请在环境变量里面设置,mac 请在环境变量文件中设置
ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/

同理npm 包也可以设置镜像。

knowledge is no pay,reward is kindness
0%