vue~環境搭建

mac上安裝vue

1. 安裝homebrew（是Mac OS x下的軟件包管理工具，能夠安裝，卸載，更新，查看，搜索等功能）

終端輸入：ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"。開始安裝，中間可能要輸入電腦密碼，耐心等待事後出現下圖表示安裝成功。可經過brew -v 查看版本。

1. 安裝nodejs

終端輸入：brew install nodejs 或者直接官網手動安裝。 node -v 查看 nodejs版本

注：網上說使用終端安裝會須要nodejs模塊安裝目錄的權限，運行：sudo chmod -R 777 /usr/local/lib/node_modules/

1. 安裝npm （淘寶鏡像）

終端輸入：npm install -g cnpm --registry=https://registry.npm.taobao.org
配置鏡像加速：npm config set registry https://registry.npm.taobao.org

1. 安裝webpack

cnpm install webpack -g

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

sudo npm install -g vue-cli

輸入vue或者vue list，可vue是否安裝成功。

vue list

1. 建立vue項目

vue init webpack hello

1. 恢復依賴包

npm install

1. 啓動項目

npm  run dev。關閉請按ctrl+c。

1. 打包項目
   若是要進行部署，須要將vue項目打包，就是打成html的靜態頁

npm run build