"test": "echo "Error: no test specified" && exit 1",
"start": "electron ."
},
"author": "zzh",
"license": "ISC"
}
4.index.html
Document
hello electron
5. main.js
const {app, BrowserWindow} = require('electron');
let win;
let windowConfig = {
width:800,
height:600
};
function createWindow(){
win = new BrowserWindow(windowConfig);
win.loadURL(`file://${__dirname}/index.html`);
//开启调试工具
win.webContents.openDevTools();
win.on('close',() => {
//回收BrowserWindow对象
win = null;
});
win.on('resize',() => {
win.reload();
})
}
app.on('ready',createWindow);
app.on('window-all-closed',() => {
app.quit();
});
app.on('activate',() => {
if(win == null){
createWindow();
}
})
三. 启动
npm start
注意事项:
1:打包请看下回文章。
2:使用Electron-Vue请注意与传统js语法的不同,无法打包到一起等问题。
3:引入jquery需在代码里重新说明
閱讀更多 留學 的文章