vue-electron測試使用初體驗

2018-01-20 116 words One minute

Contents

最近剛好看到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

參考來源