初衷

作为Vue技能树的构建者，一直拖延到现在才来写这篇文章，主要还是心里没有底，前面殊不知这颗“树”是否促进了大家学习的热情，也不知它给大家带来了多少收获。说到我们的Vue技能树，我作为尤大大的忠实粉丝自就业后就一直在运用Vue技术做前端开发，其实网上有过很多很多前端框的对比文章，其实框架本身之所以能够出现注定是为了规避一些已有框架的劣势，Vue框架的出现大大的提高了前端的性能、开发效率等，而且如今的Vue技术也已经相对非常成熟稳定了；

一次偶然的机会，跟 邹老师 交流的时候提及CSDN站内的前端知识体系，受到邹老师的邀请来做Vue技能树的构建工作，说实话起初的时候没有太大的感觉，当时的自己其实对咱们CSDN的技能树并不是很了解，自己以为也是比较简单的，也没有顾及那么多直接就应下了；一方面考虑到自己对Vue也是比较热爱的，另一方做这样一个技能树可能会给自己带来一定的粉丝，当然这就是当时的想法哈。

坚定

随后被邀请到了咱们CSDN技能树的构建群里，进群后看到了一些我们的前辈，有的是资深的博主，有的是高校的老师，还有一些高级程序员在参与技能树的构建工作，当时说实话自己有退缩的想法，毕竟作为一个很普通的博主虽然怀着要对新鲜技术的推广与优秀技术的普及的心里预设，遇到这等圈子还是会感觉自愧不如，因着大家的鼓励还是决定硬着头皮向前冲一波；

果然问题不断，因为我们构建技能树属于直接向代码仓库提交代码，拉去下来代码就一头雾水，前端程序员的我完全看不懂构建技能树的代码架构是什么，后面了解才晓得是需要电脑上安装python环境，做到通过脚本去格式化我们整体的技能树结构，通过不断的询问，才慢慢得摸清了搭建的流程；也因着范博士不断的指导跟鼓励，我觉得构建Vue技能树不仅仅是兴趣了，也不仅仅是满足自己的IP建设，更不仅仅是为了涨粉丝了，好像还多了一份责任与不负期盼在里面，“鸡血”满满向前冲，一定要把“这棵树”种起来；

心酸

小小的技能树不过百题，章节也仅十有余，这可能就是大家看到的，其实在它们的背后真的是我们构建者多少个夜晚拼搏、多少根头发将其构建出来的，在构建过程中其实还是比较烧脑的：

目录的确认：反复推倒自己的想法、毕竟我们要规避官方文档的 ‘太全’ 形式，还要保证我们的学习者有不错的收获；

小节的划分：划分为多少个小节，小节的细分程度的把控，小节的学习顺序都是需要反复的思考，包括参考一些伙伴的建议；

知识点的整理：因为我们作为构建者也只是提供技能树的整体体系框架还有习题，所有的参考资料都是通过算法在CSDN进行匹配的，但是Vue技能树在构建中每道习题的上方都添加了小常识，这是Vue技能树特有的，也是我在构建中刻意加上去的，如果没有时间去看参考资料，你完全可以通过习题上方的小常识去了解学习本节的知识点；如下图：

小节习题：技能树的每个小节都会有习题，也是希望大家能够通过这样的形式来检测我们对本节的掌握情况，我们也是通过这样的方式来记录我们打卡到了这颗树的哪个部位，习题的覆盖性、难易程度都是需要去考虑的；

参考资料关键字设置：有时候为什么你写了一片文章就被收录到了XX技能树下的XX目录下，这就是在技能树的构建者在每个小节都留下了关键字，算法会对CSDN的文章进行匹配，如果恰好你符合关键字，你的文章就会被收录；（如果你想对Vue技能树参考资料进行针对性的投稿，你可以通过私信找到我，写出高质量的针对文章，我们直接收录到技能树中，你的文章也会s受到更高的曝光！）

上面都是我们要考虑的，我的更新时间也基本上都是在晚上，白天在公司奋斗一天，晚上回家拼技能树，看到舍友回到家后游戏、电影、冰红茶甚是羡慕，‘要不今天不更了？’很累的时候也会懈怠；

坚持

碰到周末也希望自己能像别人一样自在的做自己喜欢的事，恩？不对构建Vue技能树不就是我自己喜欢的事情么？多次这样暗示自己，也随着自己一次次的提交，看到自己写过的代码构建到的树干、枝条也还是满满的感动，毕竟想做一件事情很简单，想做成一件还是比较难的；截止到现在Vue技能树已经上线75%，PC端学习者达到5000人，一路以来感谢所有支持过我的朋友，因着你们的鼓励自己才坚持绘制成了下方优美的提交折线图；

收获

为什么要去创建这个Vue技能树呢？Vue官方文档不香么？并不是不香，而是非常香，Vue官方文档上的内容一定是最正确的也是相当全面的，但也正式因为全面所以会导致一些同学看到后不知从何学起，看到密密麻麻的文字甚至会望而却步，Vue技能树就是要解决这个问题，整体分为三部分：初阶学习完成后可以自己尝试任意无后端交互的demo 感受Vue魅力；中阶学习完成后可以使用Vue脚手架搭建Vue全家桶项目 应对工作中的需求；高阶学习完成后知其然知其所以然 了解更多Vue原理念 Vue边缘知识，让开发更加得心应手。