1.安裝node
端開發框架和環境都是需要 Node.js ，先安裝node.js開發環境，vue的運行是要依賴於node的npm的管理工具來實現，下載https://nodejs.org/en/，安裝完成之后，打開cmd開始輸入命令。（需要用管理員權限cmd）。
2.查看node的版本號
下載好node之后（默認安裝即可自動配置好環境變量），以管理員身份打開cmd管理工具，輸入 node -v ，回車，查看node版本號，出現版本號則說明安裝成功。
3.安裝淘寶npm鏡像
由於npm是國外的，使用起來比較慢，我們這里使用淘寶的cnpm鏡像來安裝vue.
淘寶的cnpm命令管理工具可以代替默認的npm管理工具。
輸入命令：
npm install -g cnpm -registry=https://registry.npm.taobao.org
4.安裝全局vue-cli腳手架
淘寶鏡像安裝成功之后，我們就可以全局vue-cli腳手架.
輸入命令：cnpm install --global vue-cli 回車；
驗證是否安裝成功，在命令輸入vue，出來vue的信息，及說明安裝成功；
輸入命令：cnpm install --global vue-cli
5.建一個新項目
搭建完手腳架之后，我們要開始建一個新項目，這個時候我建議，盡量不要裝在C盤，因為vue下載下來的文件比較大，如果要改盤的話，直接輸入D：回車就可以直接改盤
輸入命令：vue init webpack my-project-first
回車，my-project-first是我自己的文件夾的名字，是基於webpack的項目，輸入之后就一直回車，直到出現是否要安裝vue-route，
這個我們在項目要用到，所以就輸入y 回車
6.注意
下面會出現是否需要js語法檢測，這個我們暫時用不到，就可以直接輸入no，后面的都可以直接輸入no，都是我們暫時用不到的
打開D盤查看一下，會發現多了一個剛剛創建的文件夾
7.進入項目文件夾
文件夾已經下載好了，現在就可以進入文件夾，輸入：cd my-project-first 回車進入新建的項目。
8.在項目里安裝依賴
因為各個模板之間都是相互依賴的，所以現在我們要安裝依賴，在項目里輸入以下命令。
輸入命令：npm install
實在安裝慢不得已可以使用cnpm install
注意：cnpm 有可能發生未知的錯誤,請盡量使用：npm install
9.運行
一切環境依賴安裝准備就緒，我們來測試一下自己新建的vue項目的運行情況，輸入命令：npm run dev直接回車。
會彈出一個瀏覽器訪問地址默認為localhost:8080
注意：run dev只是vue中package.json的打包方式,初始化項目默認是run dev后期打包項目可以自定義設置 ，run build同理
10.訪問驗證
8080是默認的端口，要訪問的話，直接在瀏覽器輸入localhost:8080就可以打開默認的模板了；到此為止，vue開發環境搭建完畢。
最后如何修改默認的端口？
我們可以看到初始化的根目錄下有一個config文件夾，看名字就知道與配置有關，打開config目錄下的index.js,可以修改host和port,這里不僅可以改變ip和端口，還可以根據需要修改其他配置信息。