electron-vue 初體驗


注意事項

  • 首先確保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

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM