vue初次使用爬過的那些坑

1.安裝nodejs

具體可參考：http://www.runoob.com/nodejs/nodejs-install-setup.html

推薦採用第一種方式安裝（Windows 安裝包【.msi】)

安裝完成輸入：node -v  檢查是否安裝成功 npm -v 檢查node包管理器是否成功

2.安裝cnpm

node，npm包管理器環境安裝完成。因爲有些npm有些資源被屏蔽或者是國外資源的緣由，常常會致使用npm安裝依賴包的時候失敗，全部我還須要npm的國內鏡像---cnpm。

在命令行中輸入 npm install -g cnpm --registry=http://registry.npm.taobao.org 而後等待，安裝完成。

3.安裝vue-cli腳手架構建工具

在命令行中運行命令 cnpm install -g vue-cli

4.用vue-cli構建項目

參考：http://www.cnblogs.com/pengjunhao/p/6762141.html

5.執行過程當中遇到的幾個問題

缺乏phantomjs-prebuilt模塊，執行以下命令安裝:

安裝完成後，執行cnpm install命令，報以下錯誤：

npm install這個命令報錯不明顯，根據cnpm install命令，推測缺乏如圖所示的模塊karma-phantomjs-launcher,執行命令：npm install karma-phantomjs-launcher@1.0.2

安裝成功後，執行後面的命令，項目啓動成功，以下圖：

瀏覽器輸入：http://localhost:8080,出現下圖所示的界面，至此，大功告成！