該部落格僅僅只是記錄我在做vue專案過程中的一些知識和心得以及思路，具體程式碼只有等整個專案完成之後上傳github

好了，廢話不多說，要寫專案，還得有工具和軟體為支撐，在這裡我們就使用vue-cli搭建vueJs專案

一丶如果電腦沒有安裝nodejs的先安裝nodeJs,具體的看http://www.runoob.com/nodejs/nodejs-tutorial.html這裡，能夠滿足nodejs了，

二丶 全域性安裝:npm install -g vue-cli

三丶檢視vue是否安裝成功: vue

四丶出現上圖就表明我們已經成功安裝，init webpack  :  vue init webpack project(專案包名),在安裝過程中會讓開發中選擇安裝自己需要的功能，如圖：

五丶好了，到了這裡使用vue-cli搭建vuejs專案已經成功，現在需要進入專案  cd project(因為專案預設安裝到c盤，我這兒預設路徑是C:\Users\user\project)

六丶安裝專案所需的node包   npm install

七丶運用nodejs執行專案  ，成功後電腦會自動開啟網頁，

ok,讓我們看看完整專案目錄結構：

 其中build和config檔案是屬於webpack的，node_modeules檔案是node所需的包

src下是我們開發者的重點：其中main.js是專案的入口,app.vue是vue的入口，而components檔案就主要放vue的元件 ，而router檔案是在我們vue init webpack 過程中開發者選擇安裝了才會有的，這個就是路由（簡單來說就是用來控制頁面跳轉到）