Vue-cli是快速構(gòu)建這個單頁應(yīng)用的腳手架。
使用npm全局安裝vue-cli(前提是你已經(jīng)安裝了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 文件時俺猿,如果路徑以 ' / ' 開頭,在本地是無法找到對應(yīng)文件的(服務(wù)器上沒問題)格仲。所以如果需要在本地打開打包后的文件押袍,就得修改文件路徑。
如果npm run dev后不能自動打開瀏覽器時找到config文件夾下的index.js更改
1529046261(1).jpg