[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.模块插件
- 打开cmd命令行,分别执行以下命令
1. npm install babel-runtime --save-dev
2. npm install babel-polyfill --save-dev
3. npm install fastclick --save-dev
- 在src/main.js 文件中引入babel-runtime和fastclick
//src/main.js 添加以下内容
import 'babel-runtime'
import fastclick from 'fastclick'
fastclick.attach(document.body)