一、学习内容
创建项目
vue create music
初始化HTML中的代码
目标：解决浏览器兼容问题，SEO（TKD），网页快捷图标等。
puclic/index.html的header中加入下列代码，讲引用的图标拷贝到public目录
public中的文件不会被webpack处理
借助postcss-pxtorem实现自动将px转换成rem
1 先测试单位会不会变为em，编写app.vue
2 安装：postcss-pxtorem
根目录新建配置文件：postcss.config.js
借助webpack实现CSS3/ES678语法的兼容
1 验证css3：加入transform属性
2 兼容浏览器配置文件;.browserslistrc
-webkit 表示针对safari浏览器支持。
-ms表示针对 IE 浏览器支持。
-moz 表示针对Firefox浏览器支持。
-o： 表示针对欧朋【opera】内核识别码
初始化默认的全局样式
1 /src/assets中添加默认样式文件：
|----base.scss: 将其他样式全部引入，及基础样式设置
|----reset.scss：清空样式
|----variable.scss：常用变量（如：字体规范，常用字体颜色等）
|----mixin.scss：自定义函数
|
