Vue移動端音樂APP學習【一】：項目前期準備

項目學習視頻

Vue 2.0 高級實戰-開發移動端音樂WebApp (可點擊進行觀看)

檢查環境

在搭建以前檢查一下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(設置全局的背景和字體顏色)