快速構建vue ui元件庫

為什麼寫這麼一個vue元件庫

突然想把自己寫過vue元件總結，便於自己以後程式碼複用，也便於交流學習。為什麼已經有很多優秀元件庫，還要寫這個。答案見後文......（另外，部分程式碼借鑑了element-ui，然後吸收再利用了,再次感謝那些大神)。

寫這個目的

1. 期望可以給其他學習vue童鞋提供學習幫助，畢竟一般的元件庫可能考慮很複雜場景，寫一個簡單的元件庫，讓你包看包會
2. 用於自己元件總結，擁有自己元件庫，提高我們前端的逼格。 也為和諧社會，貢獻微小的力量
3. 簡單，便於你自己把玩，可以以此構建你自己的元件庫

專案相關

如有問題，也歡迎大家批評指正, 線上demo中程式碼以及頁面純自己手工製作，請不要見笑啊。另外，如果對你有幫助，歡迎點star...

1. git地址
2. npm包地址
3. 線上demo地址

   

   

專案模板支援的功能

• 利用webpack2，打包成umd模組
• 利用webpack2，打包成commonjs2模組，支援按需載入
• travis自動部署到自己github-page頁面
• jasmie框架測試，包括覆蓋率配置
• eslint程式碼格式校驗工具
• Unit testing
• End to end testing 等

最後給小夥伴禮物

一個爬取豆瓣租房資訊的非常簡單的爬蟲

git地址 使用步驟：

1. git clone github.com/zyyrabbit/h…
2. npm install
3. npm run dev
4. 開啟postMan 輸入地址 http://127.0.0.1:3000/house/douban?pageNo=30&positionCity=廣州&keywords=天河客運站

• pageNo： 爬取頁數
• positionCity：定位城市
• keywords: 關鍵字（支援多個關鍵字） 目前支援的城市列表，可以自行新增其他豆瓣的城市租房：

  

  結果如下圖所示：

  

5. 支援mysql資料庫儲存，配置檔案