Vue 提供了一個官方的cli，為單頁面應用 (SPA) 快速搭建繁雜的腳手架。
一、vue cli腳手架
腳手架通過
webpack搭建開發環境
使用ES6語法
打包壓縮js為一個文件
項目文件在環境中編譯，而不是瀏覽器
實現頁面自動刷新
基於nodejs和npm，可以在控制台輸入node -v 或node --version查看node.js是否安裝好以及npm -v查看是否安裝好，安裝好則會有本版提示。
另外分享幾個npm的常用命令
npm -v #顯示版本，檢查npm 是否正確安裝。npm install express #安裝express模塊npm install -g express #全局安裝express模塊npm list #列出已安裝模塊npm show express #顯示模塊詳情npm update #升級當前目錄下的項目的所有模塊npm update express #升級當前目錄下的項目的指定模塊npm update -g express #升級全局安裝的express模塊npm uninstall express #刪除指定的模塊
二、安裝webpack依賴
如果之前沒全局安裝過webpack，就先安裝一下
$ npm install webpack -g
我第二步創建一個基於 webpack 模板的新項目出錯，SyntaxError:Block-scoped declarations <let,const,function,class>not yet supported outside strict mode
於是我就以為是不是因為沒有安裝webpack依賴或安裝錯誤，就重裝了一個，但是依舊報錯，
后來上網查了，這是因為node版本太低導致報了這個錯誤。
解決方案是在官網下載新的版本或者升級一下node版本
解決問題：node 升級
查資料發現node有一個模塊叫 n ，是專門用來管理node.js的版本的。可以按照以下步驟輸入命令來升級node版本
第一步：首先安裝n模塊：
npm install -g n
第二步：升級node.js到最新穩定版
n stable
第二步：n后面也可以跟隨版本號比如：
n v0.10.26n 0.10.26
本來不想去官網下載node的，所以就想輸入上述命令，任何進行升級。但是輸入第一個
npm install -g n命令后就出現錯誤了，上網查了每個人錯誤顯示都不一樣，不知道到底是因為什么。所以就直接去官網下載了一個node安裝。
升級之前查的node版本號，npm版本號如下，
在官網下載了最新版本的nodejs，點擊安裝，升級之后查詢的版本號，
查vue的版本號，不知道是路徑不對還是怎么回事，應該大寫 -V
接着就繼續安裝。
重新安裝了全局的vue-cli
npm install --global vue-cli或者npm install -g vue-cli兩者效果相同
安裝好了以后可以輸入 vue -V查看vue的版本號
下一步就是創建一個基於 webpack 模板的新項目,（初始化項目）
在這里可以選擇把項目存放的路勁，我選擇安裝在D盤
vue init webpack my-project（my-project指的是工程目錄的名字），
Project name 項目里面的文件名（不要有中文,不能有大寫字母capital letters）
Project description 文件描述
Author 作者
Vue build
Install vue-router？ 安裝路由，可以先不安裝，后面可以手動安裝，
Use ESLint to lint your code? 代碼檢查，在開發過程中可能需要，但是測試中不要，因為必須滿足vue的代碼格式，比如空格，換行。可以選N
Set up unit tests?這個是給測試用的，測試模塊，
Setup e2e tests with Nightwatch? 這個也是測試模塊
Should we run 'npm install' for you after the project has been reaeted?這里有三個選項，我選擇的是npm
我沒有進入自己的項目里面，就直接運行所以造成錯誤。
項目目錄結構：
index.html：項目根視圖
.postcssrc.js :postcss配置文件
.gitignore :上傳到git上的忽略文件，
.babelrc ：針對ES6的
.editorconfig:配置文件，里面一些配置信息，比如編碼方式
static:靜態文件目錄，服務器啟動以后，可以訪問到文件下的東西，
config配置文件，主要針對對開發上服務器的配置，跨域等，
build：包含服務器和webpack