項目啟動

項目地址

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語法：更加簡潔高效
• scss: 用編程的風格去寫css,更加方便有邏輯
• flex布局：移動端使用flex布局輕松自適應
• eslint：語法檢測，讓代碼規(guī)范美觀，易維護
• webpack: 當下流行的模塊加載和打包器

總結(jié)

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