我們搭建項目最省事的方法就是利用vue-cli腳手架，vue-cli基於webpack工具鏈，不但整合了默認配置，還提供了簡潔的接口，讓我們在必要時調整配置，搭建適合自己業務的項目。此外，腳手架還可以幫我們創建目錄結構，拉取依賴資源，生成demo頁面等。
我們按步驟來：
1.安裝vue-cli
npm install -g @vue-cli
2.創建項目
新建一個文件夾project，用來存放項目代碼。進入project文件夾：
cd project
運行 vue ui 命令打開圖形界面：
瀏覽器會自動打開以下頁面：
切換到創建頁面，我們新建一個項目：
創建步驟如下：
第一步如果有git倉庫代碼，可以勾選上；第二步選擇手動設置；
第三步：
- 默認勾上的「Babel」負責 JS 和 Vue 模版語法解析，建議打開。
- 「Router」 負責前端路由功能，業務項目必備。
- 「CSS Pre-processors」負責樣式文件的預編譯，使用 sass/less/stylus 寫樣式必備。
- 「Linter / Formatter」負責代碼規范，業務項目涉及多人長期維護，必備。在終端運行npm run lint即可自動格式化代碼。
- 「使用配置文件」負責將不同功能的配置拆分到根目錄下，便於維護，建議打開。
第四步，我們選擇了stylus，可按照需要選擇其他。
至此，我們就創建好一個項目了。
