程式狂想筆記

一個攻城師奮鬥史

0%

vue-electron測試使用初體驗

最近剛好看到vue-electron
剛好手頭想做一個桌面程式
就想嘗試看看

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

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

先不要安裝es-lint

打開Visual Studio Code就可以改程式
而且存檔都會自動重新載入

剛開始試著改程式,都沒辦法載入成功
後來是發現es-lint不要安裝
就不會有問題了

連編譯exe設定都幫你設定好了
這真的太棒了

1
npm run build

目前有用簡單功能,有做ajax動作
爬文以後,有看到vue-electron內建有axios
axios可以使用ajax功能
跨網域預設還是會擋的
main/index.js設定webPreferences: { webSecurity: false }

1
2
3
4
5
6
mainWindow = new BrowserWindow({
height: 563,
useContentSize: true,
width: 1000,
webPreferences: { webSecurity: false }
});

有做跨網域的問題就可以解決

然後還可以做熱更新
改日再研究
Auto Updater

參考來源