[Vue音乐项目] 第二节 前提工作

1.重构src目录

    尽管官方提供的目录结构可以满足一定的开发需求，但不同的项目可能需要不同的目录结构使得便于管理和开发。以下是重构后的目录：

\src目录
api --网络接口
common --基础文件库，包括基础样式，图标，脚本等
    fonts --字体文件
    image --图片图标
    stylus --样式文件
        index.css --整合css
        reset.css --重置css
        base.css --基础css
        icon.css --图标css
        mixin.css --混入css
        variable.css --css变量
    js --脚本文件
components --组件
router --路由
store --状态管理
App.vue --根组件
main.js --入口文件

2.图标字体

下载或使用自己的图标字体，放入src/common/fonts及src/common/stylus/icon.css中。

3.模块插件

1. 打开cmd命令行，分别执行以下命令

1. npm install babel-runtime --save-dev
2. npm install babel-polyfill --save-dev
3. npm install fastclick --save-dev

2. 在src/main.js 文件中引入babel-runtime和fastclick

//src/main.js 添加以下内容
import 'babel-runtime'
import fastclick from 'fastclick'
fastclick.attach(document.body)