electron-vue 初體驗

注意事項

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

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

  • 避免window的一些坑

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

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

到如今爲止,全部工具都應該成功安裝了,若是沒有,那麼你就會須要安裝一個乾淨的 Visual Studio。請注意,這些並非 electron-vue 自身的問題 (Windows 有時候可能會很難用 ¯_(ツ)_/¯)。git

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

# 安裝 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

到此爲止項目已經能夠跑起來了(真正本身動手的時候可能遠沒有你看起來的那麼容易,各類環境問題都會是絆腳石)vue-cli

相關文章
相關標籤/搜索