項(xiàng)目啟動(dòng)

項(xiàng)目地址

step1:
git clone git@github.com:18810666595/vue-eleme.git

step2:
cd vue-eleme

step3:
npm install

step4:
npm run dev

效果圖

vue-eleme.gif

技術(shù)棧

• vue-cli：Vue的官方腳手架工具
• Axios: 異步獲取數(shù)據(jù)，尤大推薦axios比vue-resource好
• vue-router: Vue的路由管理插件
• ES6語(yǔ)法：更加簡(jiǎn)潔高效
• scss: 用編程的風(fēng)格去寫(xiě)css,更加方便有邏輯
• flex布局：移動(dòng)端使用flex布局輕松自適應(yīng)
• eslint：語(yǔ)法檢測(cè)，讓代碼規(guī)范美觀，易維護(hù)
• webpack: 當(dāng)下流行的模塊加載和打包器

總結(jié)

1. 熟悉了vue開(kāi)發(fā)單頁(yè)應(yīng)用的流程，使用vue-cli腳手架的經(jīng)驗(yàn)
2. 使用了模塊化組件的開(kāi)發(fā)模式，便于項(xiàng)目的管理維護(hù)
3. 加深了移動(dòng)端的開(kāi)發(fā)認(rèn)識(shí)，例如 1像素邊框、設(shè)備像素比、媒體查詢(xún)