網上搜索博客、視頻試着搭建下Vue的開發環境，過程沒有視頻里那么順利，花了我幾個小時，但我還是要花半小時來總結一下記錄下來，避免下次用個新電腦又得搭建環境浪費時間了，下面是我搭建環境的步驟，與君同享，共同學習，若有錯誤，歡迎吐槽評論！
另外，我的電腦是win10系統，看的慕課視頻用的Linux系統，在使用命令行時很多都不一樣的。
一、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 文件夾。我們可以去官網下載，下面是安裝鏈接:
http://jingyan.baidu.com/article/b0b63dbfca599a4a483070a5.html
二、安裝vue-cli
（我看的視頻和博客沒有給出這一步，直接是安裝淘寶鏡像去了，導致cnpm安裝失敗了很多次，也不知道是出了什么差錯，查找資料費了很多時間才解決）npm實際已經存在nodejs安裝文件中~~~
win+R ，輸入cmd，打開DOS命令板：輸入命令 “npm install --global vue-cli”，會出現以下情況：
我們可以用命令行“npm -v”或“node -v”查看安裝的版本號，以此來檢測是否安裝成功：
三、cnpm的安裝
安裝完node之后，npm包含的很多依賴包是部署在國外的，在天朝，大家都知道下載速度是超級慢啊。所以我們要安裝cnpm，cnpm是淘寶對npm的鏡像服務器，這樣依賴的包安裝起來就快多了。
安裝命令為：npm install -g cnpm --registry=https://registry.npm.taobao.org
四、vue-cli的安裝(cnpm下再全局安裝vue-cli)
vue-cli是vue官方提供的一個命令行工具，可用於快速搭建大型單頁應用。該工具提供開箱即用的構建工具配置，帶來現代化的前端開發流程。只需一分鍾即可啟動帶熱重載、保存時靜態檢查以及可用於生產環境的構建配置的項目。
安裝命令為：cnpm install -g vue-cli，回車，等待安裝。
安裝完后，檢查是否安裝成功，輸入vue，出現以下提示表示安裝成功。
五、試試新建一個Vue項目
（1）新建一個項目文件夾，命名為 vue-demo，cd到此文件夾，輸入:vue init webpack vue-demo，回車，按照如下操作進行初始化：
我們暫時不適用模板提供的測試框架，Karma + Mocha，以及Nightwatch。
（2）項目目錄
（3）安裝項目依賴的包（進入到一個文件中的cmd指令是cd vue-demo）
cd到vue-demo 文件夾，執行cnmp install，安裝依賴包，安裝完成之后，項目目錄下多了node_modules：
（4）運行項目
在命令行里輸入 cnpm run dev，執行完成后啟動項目，瀏覽器出現以下接結果，說明啟動成功。注意瀏覽器的版本，低版本的不支持哦。
2，出現“命令提示符”的窗口，一般情況下是 C:\Documents and Settings\Administrator> ，輸入 F： 回車，就變成 F:\> 了。
3，輸入 dir 就可以看到F盤下面的文件了。
4，cd （后面跟你的照片文件夾的名字）。例如：F:\>cd TDDownload 就可以進入到F盤下的TDDownload文件夾。
5、輸入 cd\ 回車 返回主目錄
6、輸入 cd.. 回車 返回上 一級目錄
轉載於:https://www.cnblogs.com/lanlanJser/p/7476328.html