Vue-cli是快速構建這個單頁應用的腳手架。
使用npm全局安裝vue-cli（前提是你已經安裝了nodejs，否則你連npm都用不了），在cmd中輸入一下命令：

1.npm install --global vue-cli 安裝完成后，可以使用 vue -V （注意 V 大寫）查看是否安裝成功
2.vue init webpack Vue-Project 生成項目
3.npm install
4.npm run dev
如果瀏覽器打開之后，沒有加載出頁面，有可能是本地的 8080 端口被占用，需要修改一下配置文件 config>index.js

1059788-20170106135204409-1735535107.png

建議將端口號改為不常用的端口。另外我還將 build 的路徑前綴修改為 ' ./ '（原本為 ' / '），是因為打包之后，外部引入 js 和 css 文件時，如果路徑以 ' / ' 開頭，在本地是無法找到對應文件的（服務器上沒問題）。所以如果需要在本地打開打包后的文件，就得修改文件路徑。
如果npm run dev后不能自動打開瀏覽器時找到config文件夾下的index.js更改

1529046261(1).jpg