vue-cli安装请看上一篇文章;
脚手架搭建如下:
cd vue-music-->cnpm install-->cnpm run dev自动打开如下页面:
如果在编辑器中运行npm run dev 报错,请检查你的node.js版本以及端口是否被占用
由于使用stylus预处理样式,webpack 没有自动补齐package.json关于stylus配置信息,需要手动填写。
关于stylus请转移:www.jianshu.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点击事件