# 起步 ## 腳手架 該樣板代碼被構建為 [`vue-cli`](https://github.com/vuejs/vue-cli) 的一個模板，并且包含多個選項，可以自定義你最終的腳手架程序。本項目需要使用 `node@^7` 或更高版本。electron-vue 官方推薦 [`yarn`](https://yarnpkg.org) 作為軟件包管理器，因為它可以更好地處理依賴關系，并可以使用 `yarn clean` 幫助減少最后構建文件的大小。 ```bash # 安裝 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 雖然是可選的，仍舊我們建議在創建項目之后鎖定你 electron 的版本。這樣可以防止在同一項目上工作的其他開發者使用不同的版本進行開發。electron 經常發布新版本，所以一些功能特性總是會發生相應的變化。[更多信息](http://electron.atom.io/docs/tutorial/electron-versioning/)。 #### Windows 用戶注意事項 如果在 `npm install` 期間遇到關于 `node-gyp` 的錯誤，那么你很有可能沒有在你的系統上安裝正確的構建工具。構建工具包括 Python 和 Visual Studio 等等。感謝 [@felixrieseberg](https://github.com/felixrieseberg)，有幾個軟件包可以幫助簡化此過程。 我們需要檢查的第一項是 npm 的版本，并確保它是最新的。這個可以使用 [`npm-windows-upgrade`](https://github.com/felixrieseberg/npm-windows-upgrade) 來完成。如果你使用 `yarn`，則可以跳過此項檢查。 若上一項檢查完成，我們可以繼續設置所需的構建工具。使用 [`windows-build-tools`](https://github.com/felixrieseberg/windows-build-tools) 來為我們完成大部分煩人的工作。全局安裝此工具將依次設置 Visual C++ 軟件包、Python 等等。 到現在為止，所有工具都應該成功安裝了，如果沒有，那么你就會需要安裝一個干凈的 Visual Studio。請注意，這些并不是 electron-vue 自身的問題 \(Windows 有時候可能會很難用 ˉ\\\_\(ツ\)\_/ˉ\)。