本在線教程的內容屬於"精簡版",比實體書的內容少一些. 歡迎大家購買:https://item.jd.com/12517946.html
在實體書的最後一章,DEMO 地址是:
前端demo: https://github.com/sg552/vuejs_book_demo_frontend
後端demo: https://github.com/sg552/vuejs_book_demo_backend
實體書的勘誤表在這裏 . (在此,向各位讀者致以歉意)
這個教程,是根據我公司過去2016年-2018年的實際項目經驗寫的。
我從2016年經營自己的軟件公司。 到2018年6月,我們做了近三十個項目。 這些項目中,對於手機端的web的呼聲很高。 大部分都要求在手機端使用web打開。
在使用Vuejs之前, 我考察過Angular(包括1.x, 2.x 版本), React,Meteor,這幾個框架都不行。
要麼是學習曲線陡峭,概念複雜,把簡單的事情複雜化(例如Angular),
要麼就是編碼風格不好,前後端代碼混寫一起,(例如React, Meteor)
而Vuejs是當時在stackoverflow等國外技術站點上被一致看好的技術。
第一次使用是在2016年4月。 Vuejs 1.x的時候。 我們發現入門特別快,稍微有一定web開發經驗的程序員,在一週內就可以上手做項目, 認真學習的話,一個月就可以達到熟手水平(快速的開發項目), 兩三個月左右就可以達到高級水平(熟練使用Vuex, 自己寫component等)
這麼快的上手速度,在其他語言中是不可想象的。 根據我的實際體會, 使用Angular 入門需要一個月。 使用React入門速度也沒有這麼快。
總之,越是簡潔的框架,就越好學。
後來我們在項目中使用它,一發不可收拾。 只要是個h5項目,就可以很好的用起來。 快速開發,快速迭代,性能槓槓的。
而且,額外的好處,是可以非常好的跟Native App的開發結合。在IOS上可以做到完美呈現, 讓人無法分辨哪個頁面是原生,哪個頁面是H5做的。
本教程是我公司的員工培訓教程,可以在極短的時間內(例如一週)讓人上手Vuejs項目。 讓人:
- 看得懂代碼
- 可以寫一些基本的功能
- 可以調試, 部署
這就算入門H5開發了。
如果世界上文檔分成兩類:
- guide, 教程型文檔。
- api, 接口型文檔.
本文檔就是入門的教程型文檔。 在線查看地址:http://vue_book.siwei.me/
本教程的代碼,都來源於這個demo: https://github.com/sg552/vue_js_lesson_demo
以及: code_example 目錄。
本書使用gitbook寫就,可以自行編譯, (安裝環境和編譯命令,參考:http://siwei.me/blog/posts/gitbook-gitbook)
本書中的出現的命令行,都統一以 $
作爲開始, 例如:
$ npm install vue-cli
各位對命令行不熟悉的同學,記得在敲命令的時候,跳過最前面的 $
即可.
截止到2016年6月底, Vuejs的版本是 2.5.16
. 本書中的大部分例子都是在該版本下演示的。
如果您是一名沒有任何工作經驗的新人,在windows 環境下,建議使用 sublime(免費) + git bash (免費) ,就可以運行本書中的所有例子了。
如果您是一名有工作經驗的老鳥,那麼Linux, Mac則是非常好的選擇~
那麼,我們開始一段的令人興奮的學習歷程吧!