windows10, node 12.13.0, npm 6.12.0, @vue/cli 4.0.5(使用旧版vue-cli 2.x命令)
-
拉取线上项目：git clone https://github.com/lumengxin/vue-music.git;
-
vue初始化：vue init webpack vue-music;
(vue-cli安装：npm i -g @vue/cli; 使用旧版命令：npm i -g @vue/cli-init)
-
启动项目：cd vue-muisc;npm run dev;
-
同步到线上：git add *; git commit -m "vue install"; git push;
-
Iconfont 阿里巴巴矢量图标库 https://www.iconfont.cn/
图标管理 -》 我的项目 -》 新建vue-music项目
-
Font Awesome 一套绝佳的图标字体库和CSS框架 http://fontawesome.dashgame.com/
-
FreeLogoDesign 徽标制作工具 https://www.freelogodesign.org/
- Stylus 富于表现力，健壮，功能丰富CSS预处理器 https://stylus.bootcss.com/
安装依赖：
npm i stylus stylus-loader --save-dev;
安装依赖：
npm i babel-runtime --save; // es语法转义
npm i fastclick --save; // 移动端300ms延迟
npm i babel-polyfill --save-dev; // es6 api 转义（promise)
（1）新建分支
git branck recommend; // 创建
git checkout recommend; // 切换
git push origin recommend; // 同步到远程
数据来源：qq音乐数据抓取，jsonp格式。 https://y.qq.com/
jsonp原理： https://github.com/webmodules/jsonp
JSONP是JSON with Padding的略称。它是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问（这仅仅是JSONP简单的实现形式）。
安装：npm i jsonp --save;
API: jsonp(url, opts, fn)
（2）轮播图 https://github.com/ustbhuangyi/better-scroll
安装插件：npm i better-scroll --save;
（3）歌单列表数据获取
前端无法绕过Host等限制，通过后端代理解决。开发中node会启动server服务，手动代理（dev-server.js 老版本脚手架自动生成）。
创建 dev-server.js
轮播图循环播放bug，歌单数据列表数据获取不到...（可能当前环境版本过新）
废弃之前，各个环境及相关库版本尽量保持一致。
node v10.16.3; npm 6.9.0; vue-cli @2.9.6
问题1：-- vue : 无法加载文件 C:\Users\xin\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本？
在用脚手架搭建vue项目时，提示：无法加载文件。C:\Users\xin\AppData\Roaming\npm\vue.ps1,因为在此系统禁止运行脚本。这是你笔记本禁止运行脚本，解决办法:
(1) 管理员身份打开命令窗口；
(2) 输入 set-ExecutionPolicy RemoteSigned ，执行，选择 y。
