這是基於vue-cli 2.x 搭建項目，首先我們要安裝好整個開發環境，其實Windows和Mac的整個過程基本一樣
開發環境：
Homebrew ( Mac的包管理神器 ) → Node.js → cnpm（淘寶鏡像，節省安裝時間） → webpack → vue-cli（vue腳手架） → IDE（ Vue開發我用的是VSCode ）
1.打開terminal 安裝homebrew（Windows請跳過這步）
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
2.安裝node.js
直接在node.js官網下載安裝，全程傻瓜式安裝。node.js是自帶npm的，npm在後面安裝別的環境需要用到。
安裝完後，我們可以通過在terminal中輸入 node -v ，npm -v 分別檢查node.js 和npm 的版本
mac 這裏需要注意！！要給npm安裝目錄訪問權限（命令前面加 sudo），否則npm安裝別的東西都會失敗（至少我是這樣子...）
sudo chmod -R 777 /usr/local/lib/node_modules/
3.安裝cnpm
在terminal裏輸入
npm install -g cnpm --registry=https://registry.npm.taobao.org
4.安裝webpack
cnpm install webpack -g
在terminal中輸入webpack -v檢查是否安裝成功以及查看版本號
5.安裝vue-cli （關於升級vue-cli問題點這裏）
npm install -g @vue/cli
在terminal中輸入vue -V（注意這裏是大寫V）檢查是否安裝成功以及查看版本號
6.安裝VSCode
下載 Visual Studio Code，我的另一篇文章有VSCode的一些前端插件安裝和快捷鍵
好了開發環境到這裏就搭建好了，真的很麻煩，下面是基於vue-cli 2.x 搭建項目的步驟，如果要搭建vue-cli 3.0以上的項目請看我另一篇文章《如何用 vue-cli 4.0 創建項目》
接下來我們就要開始創建項目了
找一個放工程的文件夾，terminal cd 到該目錄，mac下可以直接把文件夾拖到terminal ，會自動填入路徑
cd 目錄路徑
使用vue-cli創建項目，需要注意項目的名字不能用中文
vue init webpack-simple projectname
創建的過程會問一堆的問題，具體如下：
$ vue init webpack projectname --------------------- 安裝vue-cli的命令
This will install Vue 2.x version of the template.
For Vue 1.x use: vue init webpack#1.0 projectname
? Project name (projectname)
? Project name projectname
? Project description (A Vue.js project)
? Project description A Vue.js project
? Author Joe --------------------- 項目創建者
? Author Joe
? Vue build (Use arrow keys)
? Vue build standalone
? Install vue-router? (Y/n) --------------------- 是否安裝Vue路由
? Install vue-router? Yes
? Use ESLint to lint your code? (Y/n) n ---------------------是否啓用ESLint
? Use ESLint to lint your code? No
? Setup unit tests with Karma + Mocha? (Y/n)
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? (Y/n)
? Setup e2e tests with Nightwatch? Yes
vue-cli · Generated "projectname".
To get started: --------------------- 這裏說明後續的三個步驟
cd projectname
npm install
npm run dev
安裝項目依賴庫
cd projectname -------cd 到目錄
npm i --------安裝依賴，這裏如果安裝很久都不成功的話，才換成cnpm，因爲cnpm會導致後面缺了很多依賴庫
安裝 vue 路由 vue-router 和網絡請求模塊 vue-resource
cnpm install vue-router vue-resource --save
到這裏就終於安裝完所有的東西，下面是項目的目錄說明
啓動項目，輸入：npm run dev。服務啓動成功後瀏覽器會默認打開一個“歡迎頁面”
npm run dev
注意：這裏是默認服務啓動的是本地的8080端口，所以請確保你的8080端口不被別的程序所佔用。
當然這個端口也是可以修改的，在根目錄的config文件夾下有個index.js文件，除了修改端口，還可以根據需要改變其他配置信息。
這就是Vue項目的構建全過程，現在可以看我的另一篇文章→ 構建第一個Vue項目。