利用 vue-cli 腳手架，作為搭建專案的第一步。
下面利用腳手架先搭建起一個簡單的專案。

安裝 nodejs

1、這個很簡單，直接搜尋，從網上下載 node 下載，直接安裝一路向下。
2、利用命令檢視版本

node -v

3、node 安裝完畢，如果覺得 npm 下載資源慢，可以下載 cnpm，這個是國內的淘寶映象。執行下面命令安裝

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

利用命令檢視 cnpm 命令

cnpm -v

到此 node 配置完畢

vue 腳手架安裝

進行全域性安裝 vue 腳手架

npm install --global vue-cli

但是這個命令在 mac 上有可能報錯，不要慌，這個許可權的問題。加上 sudo 即可。

sudo npm install --global vue-cli

如果還是報錯，就多執行幾次就可以了。

利用腳手架建立第一個專案

vue init webpack  demo1

下面解釋下每個的意思
Project name (my-project) # 專案名稱（我的專案）

Project description (A Vue.js project) # 專案描述一個Vue.js 專案

Author 作者（你的名字）

Install vue-router? (Y/n) # 是否安裝Vue路由，也就是以後是spa（但頁面應用需要的模組）

Use ESLint to lint your code? (Y/n) # 使用 ESLint 到你的程式碼？ （Y [ yes ] / N [ no ]）

Pick an ESLint preset (Use arrow keys) # 選擇一個預置ESLint（使用箭頭鍵）

Setup unit tests with Karma + Mocha? (Y/n) # 設定單元測Karma + Mocha？ （Y/ N）

Setup e2e tests with Nightwatch? (Y/n) # 設定端到端測試，Nightwatch？ （Y/ N）

這裡後面兩項是單元測試，我沒有用，直接選的 n，看你個人的情況而定。

安裝依賴

cd demo1
cnpm install

等待一會便會安裝完。
執行專案

npm run dev

或者執行

cnpm run dev

vue 腳手架搭建的專案完成了。