使用 vue-cli 腳手架搭建項(xiàng)目：vue-cli是官方發(fā)布的 vue.js 項(xiàng)目腳手架，快速搭建 vue 項(xiàng)目
一：安裝 node.js
安裝 node 環(huán)境，官網(wǎng)下載安裝包（如果安裝了，請(qǐng)升級(jí)到最新版本的 node）
安裝完成后，命令工具行輸入 node -v 和 npm -v ，顯示版本號(hào)，則安裝成功
二、安裝 vue-cli
全局安裝 vue-cli
npm install -g vue-cli
npm安裝較慢，所以建議使用淘寶鏡像，先設(shè)置cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
如果安裝失敗，可以使用 npm cache clean 清理緩存，然后再重新安裝
同樣可以使用 cnpm -v 查看是否安裝成功，顯示版本號(hào)則安裝成功
下面我們就可以使用 cnpm 來(lái)安裝 vue-cli 了
cnpm install -g vue-cli
三、生成項(xiàng)目
首先進(jìn)入你的項(xiàng)目文件夾，例如 vueTask
cd vueTask
然后在此文件夾中創(chuàng)建項(xiàng)目
vue init webpack vue-project
配置完成后，可以發(fā)現(xiàn)文件夾多出了一個(gè)vue-project的文件夾，里面就是 vue-cli 創(chuàng)建的一個(gè)基于 webpack 的 vue.js 項(xiàng)目
然后進(jìn)入項(xiàng)目目錄（cd vue-project），使用 cnpm 安裝依賴
cnpm install
然后啟動(dòng)項(xiàng)目
cnpm run dev
如果瀏覽器打開(kāi)之后，沒(méi)有加載出頁(yè)面，有可能是本地的 8080 端口被占用，需要修改一下配置文件 config>index.js
若要在手機(jī)上訪問(wèn)項(xiàng)目，可以將host改為自己的電腦IP地址
四、打包上線
自己的項(xiàng)目文件都需要放到 src 文件夾下
項(xiàng)目開(kāi)發(fā)完成之后，可以輸入 cnpm run build 來(lái)進(jìn)行打包工作
cnpm run build
打包完成后，會(huì)生成 dist 文件夾
項(xiàng)目上線時(shí)，只需要將 dist 文件夾放到服務(wù)器就行了。
