在提筆寫下這篇文章之前，我查閱了很多的平臺的文章，看下大家都怎樣把一個話題寫好，也學習到不少東西，非常感謝有這樣一個平臺可以和大家互相交流。話說回來，我看過很多書（文章），不少是寫一堆的理論，湊字數就完事了，這不是我想的，我盡可能寫得簡單清晰，讓大家看完可以馬上從零開始（記得要自己動手豐衣足食）。 寫這篇文章原因是因為剛好年底做項目總結，把公司產品做了規劃，把組件做了整合整理（我們用 Vue2+），于是造了輪子，也借此機會給感興趣的朋友分享下經驗。 前端組件化是當今熱議的話題之一，也是我們在項目開發中經常會碰到的問題，目前各個大廠開源了自己的 UI 庫，有入 iView、Element 等，但是現實中存在一些問題，比如每個公司業務組件不盡相同，沒有辦法完全滿足需求，又或者各位 Geek 想通過學習框架，來打造屬于自己的一套組件庫，那么該如何去做呢？ 本話題分為以下6部分內容： 1. 環境配置 2. 代碼組織結構 3. 開始第一個組件 4. 思考全局組件 5. 編寫 API 文檔 6. 打包發布 > 可能需要你會一點 webpack、ES6 和 Vue 的知識，以下代碼為了直觀，大部分會以截圖方式展示，只有特殊地方會以 code 方式出現。具體代碼可以查看線上版本 [XMUI](https://github.com/monw3c/xmui)。 ----------