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

項目學習視頻

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

檢查環境

在搭建以前檢查一下vue-cli的版本vue --version)和node是否安裝(node --version)html

使用vue-cli腳手架搭建

輸入命令:vue create musicvue

選擇Manually select features並配置,具體選擇以下:node

相關依賴包的配置

在package.json中的「dependencies」下:(使用命令安裝如下依賴包: npm 依賴包名 --savevue-cli

fastclick:用於解決移動端的300ms點擊延遲npm

babel-runtime:轉義es語法json

在"devDependencies"下:(使用命令安裝如下依賴包: npm 依賴包名 --save-devbabel

項目目錄

圖標字體、公共樣式等準備

  • 在common文件下建立fonts文件夾,放入圖標字體的相關文件

  • 在common文件下建立styles文件夾,用於存放公共樣式,放入圖標字體樣式並修改其路徑

  • 還有一些公共樣式(可點擊下載):variable.scss(顏色定義和字體定義規範)、mixin.scss(一些全局方法)和base.scss(設置全局的背景和字體顏色)
相關文章
相關標籤/搜索