npm install

npm run dev

vue init webpack vue-music

cnpm install
npm run dev

cnpm install stylus stylus-loader --save-dev  // 安装stylus处理css

cnpm install babel-runtime --save  // 对ES语法进行转义 

cnpm install fastclick --save  // 解决移动端一些body点击事件的延迟https://github.com/ftlabs/fastclick

cnpm install babel-polyfill --save-dev  // 对ES6的一些新API转义，补丁

// 02-recommend.md
cnpm install jsonp --save  // jsonp方式抓取数据https://github.com/webmodules/jsonp

cnpm install better-scroll --save // 轮播滚动插件 http://ustbhuangyi.github.io/better-scroll/doc/

cnpm install vue-lazyload --save  // 图片懒加载https://github.com/hilongjw/vue-lazyload

import fastclick from 'fastclick'
fastclick.attach(document.body);

// 需放在第一行
import 'babel-polyfill'

| - build
| - config
| - resource      -- Markdown文件所用资源图片(项目中可以不要)
| - src
    | - api             -- 放后端请求类的代码(ajax，json请求等)
    | - base            -- 基本通用组件
      | - slider            -- 轮播组件
    | - common          -- 通用的静态资源
        | - fonts           -- 字体文件
        | - image           -- 图片文件
        | - js              -- js文件
        | - stylus          -- 样式文件
    | - components      -- 组件
        | - m-header        -- header头部组件
        | - rank            -- 排行页面
        | - recommend       -- 推荐页面
        | - search          -- 搜索页面
        | - singer          -- 歌手页面
        | - tab             -- Tab栏组件
    | - router          -- 路由配置文件
    | - store           -- vuex相关文件
    | - App.vue
    | - main.js
| - static   -- 项目所用图片，图标
......

1、修改路径配置
// webpack.base.conf.js
alias: {
    '@': resolve('src'),
    'common': resolve('src/common'),
    'components': resolve('src/components'),
    'base': resolve('src/base'),
    'api': resolve('src/api')
}