看完Vue文件,第一個專案仍然不知從何下手?

林水溶發表於2017-04-20

Demo:Vue構建的CnodeJS社群
Github:shuiRong/VueCnodeJS
覺得不錯還請給Star (。→‿←。)

記得之前尤雨溪曾說過如何學Vue:

  1. 首先, 看文件把Demo都敲一遍, 熟悉Vue語法

  2. 瞭解Webpack的基本用法和ES6的一些新特性

  3. 藉助Vue-cli腳手架寫一個專案

  4. 學習Vue原始碼

順便一提,其實上面這一套放諸四海,皆準。

看文件學習概念沒什麼說的,重點說說第一個Vue專案如何下手,和原始碼怎麼看

說來慚愧,第一次看完Vue文件的基礎篇,進階篇後,仍是一臉茫然,不知我的第一個Vue專案該從何下手。然後…..我又回去看第二遍文件了,以為再把Vue概念過一遍,應該就知道怎麼寫Vue專案了。然而……你們猜到了,看完後對著編輯器,還是不知道該怎麼下手,尷尬。

然後我就去Gayhub上找了個Vue專案,簽出第一次的commit,開始看。確保看懂程式是怎麼執行的之後,再簽出下一個commit。就這樣,看了大概5,6個commit後,我就知道Vue專案該怎麼寫了。

接下來的就很順利了,構建專案框架,寫元件,用到vue-router,vue-resource又去看了看文件,文件東西很少,很快就能用到專案裡。

大概花了5天,20個小時左右,就把這個專案搞定了。

PS: 考慮到別人可能會看我原始碼來學習Vue,我commit時是根據專案的功能模組,即每完成一小塊功能,就commit一次。貼心吧,嘻嘻。

Star! Star! Star!

相關文章