Vue 2.0 高級實戰-開發移動端音樂WebApp (可點擊進行觀看)css
在搭建以前檢查一下
vue-cli
的版本(vue --version
)和node
是否安裝(node --version
)html
輸入命令:vue create musicvue
選擇Manually select features並配置,具體選擇以下:node
在package.json中的「dependencies」下:(使用命令安裝如下依賴包: npm 依賴包名 --save)vue-cli
fastclick:用於解決移動端的300ms點擊延遲npm
babel-runtime:轉義es語法json
在"devDependencies"下:(使用命令安裝如下依賴包: npm 依賴包名 --save-dev)babel
- 在common文件下建立fonts文件夾,放入圖標字體的相關文件
- 在common文件下建立styles文件夾,用於存放公共樣式,放入圖標字體樣式並修改其路徑
- 還有一些公共樣式(可點擊下載):variable.scss(顏色定義和字體定義規範)、mixin.scss(一些全局方法)和base.scss(設置全局的背景和字體顏色)