注：2.0 已經(jīng)有中文文檔橱乱。如果對自己英文有信心办成，也可以直接閱讀英文文檔。

2. 通讀官方教程 (guide) 的基礎(chǔ)篇官疲。不要用任何構(gòu)建工具袱结，就只用最簡單的 ，把教程里的例子模仿一遍途凫，理解用法垢夹。不推薦上來就直接用 vue-cli 構(gòu)建項目僵井，尤其是如果沒有 Node/Webpack 基礎(chǔ)纳鼎。

3. 照著官網(wǎng)上的示例，自己想一些類似的例子腾降，模仿著實現(xiàn)來練手犀盟，加深理解而晒。

4. 閱讀官方教程進階篇的前半部分，到『自定義指令 (Custom Directive) 』為止阅畴。著重理解 Vue 的響應(yīng)式機制和組件生命周期倡怎。『渲染函數(shù)（Render Function)』如果理解吃力可以先跳過贱枣。

5. 閱讀教程里關(guān)于路由和狀態(tài)管理的章節(jié)监署，然后根據(jù)需要學(xué)習 vue-router 和 vuex。同樣的纽哥，先不要管構(gòu)建工具钠乏，以跟著文檔里的例子理解用法為主。

6. 走完基礎(chǔ)文檔后春塌，如果你對于基于 Node 的前端工程化不熟悉晓避，就需要補課了。下面這些嚴格來說并不是 Vue 本身的內(nèi)容只壳，也不涵蓋所有的前端工程化知識俏拱，但對于大型的 Vue 工程是前置條件，也是合格的『前端工程師』應(yīng)當具備的知識吕世。

前端生態(tài)/工程化

1. 了解 JavaScript 背后的規(guī)范彰触，ECMAScript 的歷史和目前的規(guī)范制定方式梯投。學(xué)習 ES2015/16 的新特性命辖，理解 ES2015 modules，適當關(guān)注還未成為標準的提案分蓖。

2. 學(xué)習命令行的使用尔艇。建議用 Mac。

3. 學(xué)習 Node.js 基礎(chǔ)么鹤。建議使用nvm這樣的工具來管理機器上的 Node 版本终娃，并且將 npm 的 registry 注冊表配置為淘寶的鏡像源。至少要了解 npm 的常用命令蒸甜，npm scripts 如何使用棠耕，語義化版本號規(guī)則余佛，CommonJS 模塊規(guī)范（了解它和 ES2015 Modules 的異同），Node 包的解析規(guī)則窍荧，以及 Node 的常用 API辉巡。應(yīng)當做到可以自己寫一些基本的命令行程序。注意最新版本的 Node (6+) 已經(jīng)支持絕大部分 ES2015 的特性蕊退，可以借此鞏固 ES2015郊楣。

4. 了解如何使用 / 配置 Babel 來將 ES2015 編譯到 ES5 用于瀏覽器環(huán)境。

5. 學(xué)習 Webpack瓤荔。Webpack 是一個極其強大同時也復(fù)雜的工具净蚤，作為起步，理解它的『一切皆模塊』的思想输硝，并基本了解其常用配置選項和 loader 的概念/使用方法即可今瀑，比如如何搭配 Webpack 使用 Babel。學(xué)習 Webpack 的一個挑戰(zhàn)在于其本身文檔的混亂腔丧，建議多搜索搜索，應(yīng)該還是有質(zhì)量不錯的第三方教程的愉粤。英文好的建議閱讀Webpack 2.0 的文檔砾医，比起 1.0 有極大的改善，但需要注意和 1.0 的不兼容之處衣厘。

Vue 進階

1. 有了 Node 和 Webpack 的基礎(chǔ)如蚜，可以通過 vue-cli 來搭建基于 Webpack ，并且支持單文件組件的項目了影暴。建議用 webpack-simple 這個模板開始错邦，并閱讀官方教程進階篇剩余的內(nèi)容以及vue-loader 的文檔，了解一些進階配置型宙。有興趣的可以自己親手從零開始搭一個項目加深理解撬呢。

2. 根據(jù)例子嘗試在 Webpack 模板基礎(chǔ)上整合 vue-router 和 vuex

3. 深入理解 Virtual DOM 和『渲染函數(shù) (Render Functions)』這一章節(jié)（可選擇性使用 JSX)，理解模板和渲染函數(shù)之間的對應(yīng)關(guān)系妆兑，了解其使用方法和適用場景魂拦。

4. （可選）根據(jù)需求，了解服務(wù)端渲染的使用（需要配合 Node 服務(wù)器開發(fā)的知識）搁嗓。其實更重要的是理解它所解決的問題并搞清楚你是否需要它芯勘。

5. 閱讀開源的 Vue 應(yīng)用、組件腺逛、插件源碼荷愕，自己嘗試編寫開源的 Vue 組件、插件。

6. 參考貢獻指南閱讀 Vue 的源碼安疗，理解內(nèi)部實現(xiàn)細節(jié)抛杨。（需要了解Flow）

7. 參與 Vue GitHub issue 的定位 -> 貢獻 PR -> 加入核心團隊 -> 升任 CTO -> 迎娶白富美...（誤

遠文章鏈接：https://zhuanlan.zhihu.com/p/23134551