網上搜索部落格、視訊試著搭建下Vue的開發環境，過程沒有視訊裡那麼順利，花了我幾個小時，但我還是要花半小時來總結一下記錄下來，避免下次用個新電腦又得搭建環境浪費時間了，下面是我搭建環境的步驟，與君同享，共同學習，若有錯誤，歡迎吐槽評論！
另外，我的電腦是win7系統，看的慕課視訊用的Linux系統，在使用命令列時很多都不一樣的。

1、NodeJS下載安裝

        可能沒有學習過node.js的同學很有疑問，這個下載的作用是什麼？我們在學習vue.js時，不一定要是學過node.js的，我們需要的是NodeJS裡npm工具，npm是NodeJS下的一個包管理工具，它可以很方便的幫你管理（可以簡單理解為下載）各類前端的框架或外掛，類似於PHP的composer，Twitter 的 Bower 一樣。使用Vue不需要安裝NodeJS，這裡下載NodeJS只是為了使用其內建的NPM工具，所以不需要你有任何的NodeJS基礎，只需要執行 npm install vue 命令，即可把 Vue 的最新版本下載至 node_modules 資料夾。我們可以去官網下載，下面是安裝連結:

2、安裝vue-cli

        （我看的視訊和部落格沒有給出這一步，直接是安裝淘寶映象去了，導致cnpm安裝失敗了很多次，也不知道是出了什麼差錯，查詢資料費了很多時間才解決）npm實際已經存在nodejs安裝檔案中~~~

win+R  ，輸入cmd，開啟DOS命令板：輸入命令 “nmp install --global vue-cli”，會出現以下情況：

我們可以用命令列“npm -v”或“node -v”檢視安裝的版本號，以此來檢測是否安裝成功：

3、安裝淘寶映象cnpm

        我的理解就是，這個能幫助我們更快的載入更多的外掛的映象工具的存在，使用 npm 會導致網速很慢，對於大陸使用者，建議將 npm 的登錄檔源設定為國內的映象，可以大幅提升安裝速度。

1、開啟命令列，輸入以下命令：

npm install -g cnpm --registry= https://registry.npm.taobao.org：

2、cnpm下再全域性安裝vue-cli，輸入以下命令：

cnpm install -g vue-cli

檢視cnpm版本號，命令列輸入“cnpm -v”：

這時候環境大體搭建好了，可以輸入“vue”檢視：

4、安裝webpack，新建專案

專案名為my-first-vue-project,輸入命令："vue init webpack my-first-vue-project":

完成後，可在C盤裡找到專案檔案，用CD命令列查詢進入到工程目錄裡。

5、安裝依賴

在命令列下啟動cnpm，“cnpm install”：

可以發現，專案載入了一個node的元件：

6、啟動專案

        輸入命令列：“npm run dev”，我這時候就出錯了，因為之前我設定了8080埠監聽F盤的一個檔案，這時候就產生了衝突，ERROR！，使用命令列：netstat -aon|findstr "80"檢視端口占用情況，找到pid後，再輸入tasklist|findstr "4"，可檢視這個pid被程式使用的情況，我最後是把監聽的網站去電腦—服務裡刪除了，才有用，下下面的圖片是成功情況下的圖片：

在瀏覽器位址列裡輸入localhost：8080：看到下面這個就大功告成了！！！