前端框架Vue（15）——vue-cli 仿网易云音乐 Demo,环境搭建到开发 Vue 全家桶练手项目

一、前言

  在这个 vue 系列的第一篇文章，我写过是 vue-cli-simple 脚手架的环境搭建。前段时间，也刚好给公司做了一个后台管理系统的产品，用的就是 vue-cli-simple。 一个月的时间将系统从无到上线，组件化、模块化开发的非常快速、可读性、复用性，整理架构清晰，易管理、维护。

  所以，这次利用 vue-cli 完整版来实践一下。那么这个 simple 在哪呢？其实，simple 是 webpack-simple。这个脚手架的 webpack 有更全的功能。

  而且，目录结构有了比较大变化。可自行去 github 克隆仓库到本地比较。我在开发完成后，将 Demo 打包放到了 xshell 上部署，发现只要在config 文件夹中的 index.js 稍稍改动就不会出现空白页 404 的情况。

---

二、仿网易云音乐

vue-cli-demo github地址传送门

这是一张 Demo 的截图，大致模块四个，header、carousel、pages、foote