"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需在代碼裡重新說明
閱讀更多 留學 的文章