Mac Vue環境搭建詳述

一、安裝

1. 登錄https://nodejs.org/en/地址下載node-v12.16.0.pk，並安裝
2. 檢驗npm、node

$ npm -v
6.13.4
$ node -v
v12.16.0

3. 獲取nodejs模塊安裝目錄訪問權限

sudo chmod -R 777 /usr/local/lib/node_modules/

4. 安裝webpack

sudo npm install webpack -g

5. 全局安裝vue腳手架（自動搭建vue項目框架的工具）

sodo npm install -g vue-cli

6. 測試vue是否安裝成功

vue
vue list

7. 創建vue項目

vue init webpack vue200214

8. 進入剛纔創建的項目目錄，並啓動

cd vue200214
npm run dev

9. 打開chrome瀏覽器，輸入http://localhost:8080
   
   備註：

Node.js v12.16.0 to /usr/local/bin/node
npm v6.13.4 to /usr/local/bin/npm