检查环境
在搭建之前检查一下
vue-cli
的版本(vue --version
)和node
是否安装(node --version
)
使用vue-cli脚手架搭建
输入命令:vue create music
选择Manually select features并配置,具体选择如下:
相关依赖包的配置
在package.json中的“dependencies”下:(使用命令安装以下依赖包: npm 依赖包名 --save)
fastclick:用于解决移动端的300ms点击延迟
babel-runtime:转义es语法
在"devDependencies"下:(使用命令安装以下依赖包: npm 依赖包名 --save-dev)
项目目录
图标字体、公共样式等准备
- 在common文件下创建fonts文件夹,放入图标字体的相关文件
- 在common文件下创建styles文件夹,用于存放公共样式,放入图标字体样式并修改其路径
- 还有一些公共样式(可点击下载):variable.scss(颜色定义和字体定义规范)、mixin.scss(一些全局方法)和base.scss(设置全局的背景和字体颜色)