Vue2.0使用vue-cli + webpack搭建項目
說明：總結搭建vue2.0項目的步驟
一、安裝環境
1、這個問題不需要多少，必備的node環境及npm
2、全局安裝webpack
打開終端（或cmd）輸入：
npm install webpack -g，等待安裝完成再輸入：webpack -v查看版本號，如果出現版本號則說明安裝成功
3、全局安裝vue-cli腳手架
終端（或cmd）輸入：
npm install vue-cli -g, 安裝完成后輸入：vue -V, 如果出現相應版本號則說明安裝成功
二、使用vue-cli構建項目
1、在桌面或磁盤任意盤符下新建一個文件夾，使用終端（或cmd）cd到新建的文件夾下
2、終端（或cmd）輸入：vue init webpack 工程名字 在新建文件夾下安裝vue-cli，這里需要注意工程的名字不要出現中文，其他可以隨便起，輸入完成后回車會出現如下的提示：
$ vue init webpack vue2.0 ----安裝vue-cli
This will install Vue 2.x version of the template. ----提示創建vue項目說明
? Project name (vue2.0) ----項目名稱，如果不輸入直接回車則默認vue2.0
? Project name vue2.0
? Project description (A Vue.js project) ----項目描述，可寫可不寫
？Project description A Vue.js project
？Author Datura ----項目創建者，可寫可不寫
？Author Datura
？Vue build (Use arrow keys)
? Vue build standalone
? Install vue-router? (Y/n) Y ----是否安裝Vue路由，我選擇的是
? Install vue-router? Yes
? Use ESLint to lint your code? (Y/n) n ----是否啟用eslint檢測，我選擇的是no
? Use ESLint to lint your code? No
? Setup unit tests with Karma + Mocha? (Y/n) Y
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? (Y/n)
? Setup e2e tests with Nightwatch? Yes
vue-cli · Generated "vue2.0".
To get started: ----提示如何進入項目並啟動項目
cd vue2.0 ----進入到項目根目錄下
npm install ----安裝項目依賴文件
npm run dev ----啟動項目，默認端口是8080，如果電腦目前有其他的項目占用了8080端口，項目啟動會報錯，可以在項目中
config > index.js中找到port：8080直接修改成其他端口就可以了
三、至此項目初始結構的搭建已完成，上一張項目運行起來的效果圖
