1.先安裝node.js

brew install nodejs`

然後npm替換成淘寶的映象站

這樣以後就能使用cnpm命令安安裝包了

2.安裝webpack

webpack 是個前端打包工具，詳情google

cnpm install webpack -g

-g是全域性的意思

3.安裝vue腳手架vue-cli

vue-cli是vue官方釋出的一個快速搭建專案的工具

npm install vue-cli -g

4.建立示例專案

先建立project workspace， 如果不建立也沒關係

mkdir VueProject
cd VueProject
vue init webpack-simple 工程名字（不能使用中文）

操作如下圖：

然後根據提示去操作，這個地方如果使用的是 cnpm命令的話，兩個指令要同時都適用cnpm否則會缺少包

cd test
npm install
npm run dev

5.啟動專案

其實上面的npm run dev就是啟動專案的
這時我遇到一個問題，坑爹的問題，讓我找了半天。
npm run dev在啟動之後訪問http://localhost:8080的時候發現是一片空白

說好的這個頁面根本沒出來╮（╯＿╰）╭

我一臉懵逼google了半天，然後在官網上翻來翻去始終找不到問題在哪，why，why，why！！！

找了幾個小時之後靈光一閃，這個頁面沒有加載出來肯定是某個js載入失敗頁面沒法渲染。
然後立馬試用F11大法，一看有個報錯，不認識，趕緊google看看。

devtool: ‘#eval-source-map’
改成
devtool: ‘inline-source-map’

修改之後重啟頁面立馬出來了，激動的我深感浪費幾個小時，所以以後找問題要方法論最重要。
至此，入坑完美結束！

題後話：至於這兩種模式差別我也不知道，少年們感興趣自己google吧