项目介绍
相关技术：Vue2+Vuex+Vue Router
小型插件：Swiper，IScroll，Axios，Sass综合运用
移动适配方案：Rem+视口缩放
一.node代码初始化
1 https://binaryify.github.io/NeteaseCloudMusicApi/#/ 下载zip 解压
2 在\NeteaseCloudMusicApi-master\根目录也就是package.json 同级目录下执行 npm install（根据package.json安装依赖）
3 nodemon .\app.js 启动服务
访问：http://localhost:3000正常就代表部署成功
二、创建项目
vue create music
三、初始化html中的代码
目标：解决浏览器兼容问题，SEO（TKD），网页快捷图标等。
puclic/index.html的header中加入下列代码，讲引用的图标拷贝到public目录
public中的文件不会被webpack处理
<!--可以让部分国产浏览器默认采用高速模式渲染页面-->
<meta name="renderer" content="webkit">
<!--为了让 IE 浏览器运行最新的渲染模式下-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--SEO三大标签-->
<title>网易云音乐</title>
<meta name="keywords" content="网易云音乐，音乐，播放器，网易，下载，播放，DJ，免费，明星，精选，歌单，识别音乐，收藏，分享音乐，音乐互动，高音质，320K，音乐社交，官网，移动站，music.163.com">
<meta name="description" content="网易云音乐是一款专注于发现与分享的音乐产品，依托专业音乐人、DJ、好友推荐及社交功能，为用户打造全新的音乐生活。">
<!--网页快捷图标-->
<link rel="icon" href="./favicon.ico">
四、借助postcss-pxtorem实现自动将px转换成rem
1 先测试单位会不会变为em，编写app.vue
2 安装：postcss-pxtorem npm install postcss-pxtorem -D
propList: ['*']
五、初始化默认的全局样式
1 /src/assets中添加默认样式文件：
|----base.scss: 将其他样式全部引入，及基础样式设置
|----reset.scss：清空样式
|----variable.scss：常用变量（如：字体规范，常用字体颜色等）
|----mixin.scss：自定义函数
base.scss
2 最后在main.js 中导入base.scss即可
五、首页
新建组件components/MyHeader.vue
写好后，在App.vue中使用
1 导入组件
2 注册组件
3 使用组件
|
