vue-cli安裝請看上一篇文章;
腳手架搭建如下:
cd vue-music-->cnpm install-->cnpm run dev自動打開如下頁面:
如果在編輯器中運行npm run dev?報錯,請檢查你的node.js版本以及端口是否被占用
由于使用stylus預處理樣式,webpack?沒有自動補齊package.json關于stylus配置信息,需要手動填寫。
關于stylus請轉移:www.lxweimin.com/p/791042bf3ad2
packge.json
build-->webpack.base.config.js
main.js
組件注冊使用
路由配置
在main.js中引入router實例
使用router(App.vue中指定router-view路由容器)
后端代理axios
先在package.json?中輸入依賴然后在dev-server中配置代理信息,如下:
vue-lazyload的使用:
fastclick和better-scroll的click事件沖突:
給需要點擊的圖片加上class="needsclick"?這樣fastclick就不會攔截better-scroll點擊事件