vue.js官網 https://cn.vuejs.org/

我是用得是vue-cli直接搭建了vue得環境，官網上建議先不用vue-cli，我覺得一步到位先搭建vue-cli，有問題再對應學習~

命令列工具 - 直接搭建vue-cli

# 全域性安裝vue-cli
$ npm install --global vue-cli 

# 建立一個基於webpack模板的新專案  vue-test是我的專案名
$ vue init webpack vue-test 

#下載完模板之後，出現
? Project name (vue-test) vue-test
? Project description (A Vue.js project) vuetest
? Author lian

# 程式碼檢查機制
? Use ESLint to lint your code?  No

# 測試模組
? Set up unit tests  No    
? Setup e2e tests with Nightwatch? No  

# 安裝依賴
$ cd 你的專案的位置
$ npm install 

# 啟動專案
$ npm run dev  
 

專案目錄結構

index.html : 專案根檢視

.postcssrc.js : postcss配置檔案  

static : 靜態檔案