1、安裝homebrew（是Mac OS x下的軟件包管理工具，可以安裝，卸載，更新，查看，搜索等功能）
終端輸入：ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"。開始安裝，中間可能要輸入電腦密碼，耐心等待過后出現(xiàn)下圖表示安裝成功。可通過brew -v 查看版本。
2、安裝nodejs
終端輸入：brew install nodejs 或者直接官網(wǎng)手動安裝。 node -v 查看 nodejs版本
注：網(wǎng)上說使用終端安裝會需要nodejs模塊安裝目錄的權(quán)限，運行：sudo chmod -R 777 /usr/local/lib/node_modules/
3、安裝npm （淘寶鏡像）
終端輸入：npm install -g cnpm --registry=https://registry.npm.taobao.org
4、安裝webpack
cnpm install webpack -g
5、安裝vue腳手架（自動搭建vue項目框架的工具）
sudo npm install -g vue-cli。靜待。
輸入vue或者vue list，可vue是否安裝成功。
6、創(chuàng)建vue項目
vue init webpack macvuetest（macvuetest是項目名稱）。回車，然后就是各種設(shè)置
耐心等待，這個過程中我出現(xiàn)了這么一個錯誤提示：npm WARN ajv-keywords@3.1.0 requires a peer of ajv@^6.0.0 but none was installed.
一開始我沒管，直接就進入下一個步驟 npm install，后來還是報這個錯。通過 npm list 查看發(fā)現(xiàn)是在安裝npm過程中少安裝了這個模塊。一開始我是輸入 npm update -g npm 來更新npm，無果之后輸入 rm -rf node_modules/ 來刪除node_modules文件夾，然后 npm cache clean 清緩存。最后在重新執(zhí)行 npm install 就好了。
7、啟動項目
npm run dev。
8、將項目導(dǎo)入Webstorm中
項目結(jié)構(gòu)說明:
build:項目構(gòu)建(webpack)相關(guān)代碼。
config:基本配置信息，如端口等，此處初學(xué)我們可以默認。node_modules:npm加載的項目依賴模塊。
src:最重要的開發(fā)目錄，包含：assets（放置一些圖片，如logo等）、 components（ 組件文件夾）、App.vue（ 項目入口文件）、main.js:（項目的核心文件）
static:靜態(tài)資源目錄。在打包發(fā)布后將用于存放靜態(tài)資源。
index.html :首頁入口文件。
package.json :項目配置文件，此處初學(xué)可以默認。
.xxxx文件 :一些配置文件，包括語法配置，git配置等，此處初學(xué)我們可以默認。
README.md :項目的說明文檔，為markdown 格式 。
