1. 程式人生 > >electron-vue 初體驗

electron-vue 初體驗

大小 mar ctr ++ -c http 軟件包 體驗 com

註意事項

  • 首先確保node和npm是最新版本

避免使用鏡像(我淘寶鏡像安裝有報錯現象)

  • 避免window的一些坑

若上一項檢查完成,我們可以繼續設置所需的構建工具。使用 windows-build-tools 來為我們完成大部分煩人的工作。全局安裝此工具將依次設置 Visual C++ 軟件包、Python 等等。(安裝時間可能會很久)

npm install --global --production windows-build-tools

到現在為止,所有工具都應該成功安裝了,如果沒有,那麽你就會需要安裝一個幹凈的 Visual Studio。請註意,這些並不是 electron-vue 自身的問題 (Windows 有時候可能會很難用 ˉ_(ツ)_/ˉ)。

該樣板代碼被構建為 vue-cli 的一個模板,並且包含多個選項,可以自定義你最終的腳手架程序。本項目需要使用 node@^7 或更高版本。electron-vue 官方推薦 yarn 作為軟件包管理器,因為它可以更好地處理依賴關系,並可以使用 yarn clean 幫助減少最後構建文件的大小。

# 安裝 vue-cli 和 腳手架樣板代碼
npm install -g vue-cli
vue init simulatedgreg/electron-vue my-project

# 安裝依賴並運行你的程序
cd my-project
yarn # 或者 npm install
yarn run dev # 或者 npm run dev

到此為止項目已經可以跑起來了(真正自己動手的時候可能遠沒有你看起來的那麽容易,各種環境問題都會是絆腳石)

electron-vue 初體驗