今天就來講講如何從0開始搭建vue的腳手架項目，其實很簡單。
一：全部步驟
1>node -v(全局查詢：node是必須的，需要先安裝好node)
2>npm install -g vue-cli (搭建vue-cli腳手架)
3>vue init webpack my-project (出現項目基本目錄)
4> npm install(cnpm install或者 yarn install) (記住在my-project項目目錄下執行，會生成node_modules文件夾)
5>npm run dev (運行項目)
可用淘寶鏡像cnpm.
npm install -g cnpm --registry=https://registry.npm.taobao.org
...............到此處已經可以成功運行vue..............................
6> npm install vue-router -D（vue-router路由的構建）
7>npm install vue-resource -D (vue-resource請求數據)
二.分步講解
1>node -v
需要node環境支持，用於檢測是否有node環境。
2>npm install -g vue-cli
全局安裝vue-cli腳手架。
3>vue init webpack my-project (出現項目基本目錄)
運行到此處是會出現項目的基本目錄。如下圖
4> npm install
安裝npm，npm爲項目依賴的基礎包，所有必須安裝。安裝npm需要一定的時間，看你的網速。
曾經安裝了足足半個小時，這裏解釋下，安裝npm是需要從國外網站下載的。所以需要一定的
時間。這裏可以推薦下用cnpm。（就是淘寶鏡像文件，相對來說比較快，與npm使用方法相同）
怎麼安裝npm你可以參考官網：https://npm.taobao.org/badge/v/cnpmjs.org.svg
安裝cnpm方法：npm install -g cnpm --registry=https://registry.npm.taobao.org
下圖給出安裝成功項目文件夾的圖示：
5>npm run dev
運行項目，運行成功會有網址出現或者自動打開瀏覽器進入（http://localhost:8080/）。
下面給出運行時圖示和運行成功的圖示：
此處已經成功運行了。
安裝過程中避免不了出現問題，多查查。希望你們順利安裝。
6> npm install vue-router -D（vue-router路由的構建）
路由成功示意圖：
7>npm install vue-resource -D (vue-resource請求數據)
三.下面給出vue項目的目錄詳解
重點說明一下，src目錄。src目錄就是我們後面需要操作的目錄，其他目錄只要順利安裝完成，就會出現。
希望你們喜歡。祝你們順利完成安裝vue-cli腳手架。
如果對你有幫助，希望點個贊或者關注一波，謝謝。