Demo:Vue構建的CnodeJS社群
Github:shuiRong/VueCnodeJS
覺得不錯還請給Star (。→‿←。)
記得之前尤雨溪曾說過如何學Vue:
-
首先, 看文件把Demo都敲一遍, 熟悉Vue語法
-
瞭解Webpack的基本用法和ES6的一些新特性
-
藉助Vue-cli腳手架寫一個專案
-
學習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!