第一步： Mac OS系統(tǒng)安裝 brew

打開終端運行以下命令:

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

 第二步： 安裝 node.js

為了避免使用brew命令經(jīng)常出錯的情況，所以采用手動安裝

下載地址：https://nodejs.org/en/download/ （選擇mac os）

第三步： 獲取nodejs模塊安裝目錄訪問權限 （必須步驟）
　　　　sudo chmod -R 777 /usr/local/lib/node_modules/

   第四步： 安裝 淘寶鏡像 （cnpm）　　　　

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

   第五步：安裝webpack

　　　cnpm install webpack -g

第六步：安裝vue腳手架

　　　　npm install vue-cli -g   (npm下載速度超級慢，目前cnpm已經(jīng)成功替代npm)
　　　sudo cnpm install -g vue-cli

第七步：在硬盤上找一個文件夾放工程用的，在終端中進入該目錄

　　　cd 目錄路徑

第八步：創(chuàng)建一個vue.js工程

　　　vue init webpack(使用哪個模板？不懂可以百度一下) 工程名字<工程名字不能用中文>

第九步：安裝項目依賴
　　　　一定要從官方倉庫安裝，npm 服務器在國外所以這一步安裝速度會很慢。

　　　　npm install　   （慎用,會非常慢）
　　　　cnpm install　　　  

第十步：安裝 vue 路由模塊vue-router和網(wǎng)絡請求模塊vue-resource

　　　　cnpm install vue-router vue-resource --save

啟動項目

　　　　npm run dev

其中會有坑，告訴你啟動不起來說你項目缺東西，這個時候要做的就是cd到你項目工程文件中，重復使用

　　　　npm install　   （慎用,會非常慢）
　　　　cnpm install

甚至重復使用還是不行，那就是下載多次之后緩存造成了影響，這個時候要清緩存在高。

最后構建項目成功之后無法往項目中寫文件，說你無權限，這個時候普通的修改可能做不到，這個時候你要用兩個指令，取得整個桌面的權限

cd ..
s -l
chmod -R 777 ./Desktop