• 本书缘起
    • 学习目标
    • 使用说明
    • 版本说明

    本书缘起

    这个教程,是根据我公司过去两年多的实际项目经验写的。

    我从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项目。 让人:

    1. 看得懂代码
    2. 可以写一些基本的功能
    3. 可以调试, 部署

    这就算入门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)

    本书中的出现的命令行,都统一以 $ 作为开始, 例如:

    1. $ npm install vue-cli

    各位对命令行不熟悉的同学,记得在敲命令的时候,跳过最前面的 $ 即可.

    版本说明

    截止到2016年6月底, Vuejs的版本是 2.5.16. 本书中的大部分例子都是在该版本下演示的。

    如果您是一名没有任何工作经验的新人,在windows 环境下,建议使用 sublime(免费) + git bash (免费) ,就可以运行本书中的所有例子了。

    如果您是一名有工作经验的老鸟,那么Linux, Mac则是非常好的选择~

    那么,我们开始一段的令人兴奋的学习历程吧!