一个基于vue的音乐播放器插件,ui风格参考网易云音乐 demo地址 点我点我 click me
$ npm install vue-cloud-music --save-dev
v1.0.3及之前版本组件使用stylus预编译样式,项目中需要安装stylus与stylus-loader,file-loader或者url-loader用于解析文件
$ npm install stylus stylus-loader file-loader --save-dev
组件含引入图片,所以安装完之后,请设置file-loader或url-loader用以解析文件
由于stylus并不常用,v1.0.4以及之后版本样式已经编译为普通css文件了,省去项目安装stylus的步骤
import引入之后,在vue中注册组件即可
<template>
<div>
<vue-cloud-music></vue-cloud-music>
</div>
</template>
<script>
import vueCloudMusic from 'vue-cloud-music';
export default {
data: function () {
return {
msg: 'text'
}
},
components: {
'vue-cloud-music': vueCloudMusic
}
}
</script>
<style scoped></style>
https://github.com/zz632893783/vue-cloud-music
将项目下载到本地之后,
$ npm install
安装node模块,在cmd中输入
$ webpack-dev-server
之后在浏览器中输入http://localhost:8080