这个教程,是根据我公司过去两年多的实际项目经验写的。
我从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则是非常好的选择~
那么,我们开始一段的令人兴奋的学习历程吧!