基于vue2+vuex+vue-router+sass+webpack的网易云…

2018-06-24 01:16:01来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

  【本博客为原创:http://www.cnblogs.com/HeavenBin/】   

前言:

  这段时间写的一个项目,供给大家互相学习,有什么疑问可以issues我。

源码地址:https://github.com/HeavenBin/VueMusic

项目构成

├── build                  // webpack配置文件
├── config            		 // 不同环境的打包配置
├── dist               		 // 生产目录
├── index.html          	 // 入口html文件
├── package.json      		 // 项目配置文件
├── static       			     // 放置静态资源
├── src                		 // 开发目录
│   ├── pages     		     // 页面
│   ├── components     		 // 组件
│   ├── config     		     // 基本配置
│   ├── images     		     // 公共图片
│   ├── plugins     		   // 引用插件
│   ├── router     		     // 路由配置
│   ├── service         	 // 数据交互
│   ├── store     		     // vuex状态管理
│   ├── style     		     // 公共样式
│   ├── App.vue          	 // 页面入口文件
│   └── main.js       	   // 程序入口文件

技术栈

  • Vue2:采用现代渐进式框架Vue2的版本
  • Vuex:管理公共组件状态量
  • vue-router:管理单页面应用路由
  • 自定义ajax:基于xmlhttprequest对象以及新兴Fetch对象结合封装的http请求
  • CSS3:CSS3动画及样式。
  • Sass:css预处理语言。
  • Webpack:自动化构建工具,主要配置vue-cli脚手架提供。
  • ES6:采用ES6语法。
  • SVG:基于可扩展标记语言的可缩放矢量图形。
  • 接口来源(感谢Binaryify不断更新的网易云音乐接口)

  如果您认为这篇文章还不错或者有所收获,您可以通过扫描一下下面的支付宝二维码 打赏我一杯咖啡【物质支持】,也可以点击右下角的【推荐】按钮【精神支持】,因为这两种支持都是我继续写作,分享的最大动力

支付宝

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:javascript中window.location.search的用法和作用。

下一篇:.28-浅析webpack源码之compiler.resolvers