如何從零開始學習一個框架

最近我本人也在學習一些新技術：webpack + vue全家桶。實際上它倆從去年就開始很流行了，今年已經(jīng)不算新了。但我之前并沒有在項目中使用。

前端框架更新頻率快如瘋狗，有時候會給我們前端er帶來心理上的恐慌：艾瑪，又出新框架了，要不要開始學呀！我對此的看法是，知其存在、保持關注、不必跟風。所以我到現(xiàn)在才開始學習vue也不覺得丟人，敢講出來。今天跟大家分享一下，我是如何從零開始學習一個框架的，希望能給大家?guī)硪稽c收獲。

平時留意相關新技術

先說一點題外的，對于新技術，我不會立馬跟風去上手，但是會關注一些關于它的動態(tài)，比如說新版本發(fā)布啦，有配套框架啦等等。比如vue最近發(fā)布了2.0版本，餓了么團隊打造出了一套基于vue2.0的UI框架。

保持一個關注即可，這樣等你需要上手的時候，起碼知道目前的大環(huán)境是怎樣，哪里有好的資源。我主要通過微博來獲取這些信息，我關注了很多圈內(nèi)大牛，基本上業(yè)界消息不會遺漏。

搜索中文資料

對于新框架，我還是習慣先搜一下國內(nèi)的資料，目的是對框架先有一個整體概覽。這個階段主要是先在腦中形成一幅藍圖，知道這個框架是如何從頭到尾搭建的，有哪些坑需要注意，以及國內(nèi)的使用者都是如何評價它的。

我不介意用百度，有時候也google中文，總之，能得到中文參考資料就行，畢竟讀中文要比讀英文快很多。因為這個階段的目的就是快速有一個整體把握。所以一般會搜「教程」「入門」這樣的關鍵字。

這個時候我也不著急動手寫，再進行下一步。

通讀官網(wǎng)文檔

官方文檔是一定要讀的，否則你不知道遺漏了什么重要東西，也不知道國內(nèi)的作者是不是寫錯了什么。這是原汁原味的一手資料，官方文檔一般都會分guide和api兩類。guide是引導你從頭開始一步步使用框架的主要功能，api則是所有功能的一個匯總文檔。

guide一定是通讀，從how to install開始，不要嫌麻煩。原因很簡單，你要知道如何「標準」的使用框架。在上一步搜到的中文資料中，可能有一些作者對框架的理解有出入，寫的demo代碼不是官方推薦的寫法，如果你直接copy走，那就永遠無法知道使用框架的正確姿勢，原作者哭暈在廁所了。

api的話，文檔量一般會很多，大概掃一掃就行，等使用的時候具體查閱。

動手搭建