wymusic

音楽

Vue.js プロジェクト

ビルドセットアップ

 # clone
git clone https://github.com/gabirellaq/wymusic.git

# install dependencies
npm install

# serve with hot reload at localhost:1314
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

動作の詳細については、vue-loader のガイドとドキュメントを参照してください。

API

Binaryify に感謝します ????

https://binaryify.github.io/NeteaseCloudMusicApi/#/

Binaryify の NetEase Cloud Music API を呼び出し、ポートを変更し、このプロジェクトの config.js で構成します。

テクノロジースタック

• Vue2: 最新の Vue2 構文を採用
• Vuex: パブリック コンポーネントの状態を管理する
• vue-router: シングルページ アプリケーションのルーティングを管理する
• axios: http リクエストを開始します
• sass: CSS 前処理言語
• Webpack: 主に vue-cli スキャフォールディングで構成された自動ビルド ツール
• ES6: ES6 構文を使用する

特徴

• 人気のおすすめ（曲リスト、MV、ニューアルバム）
• ランキング一覧
• プレイリスト（最新、人気）
• アンカーラジオ局
• 歌手、歌手の詳細
• 新しいディスクのリリース、ディスクの詳細
• 曲目、曲目詳細
• 動画、動画詳細
• 検索

レンダリング