萌新--关于vue.js入门及环境搭建

Posted 2020-10-14 Cindy丶K

十几天闭关修炼，恶补了html跟css以及javascript相应的基础知识，恰巧有个群友准备做开源项目，愿意带着我做，但是要求我必须懂vue.js，所以开始恶补vue.js相关的东西。

在淘宝上买了相关视频，前两章简介听得懵懵懂懂的，能够勉强理解。到第三章，开始有案例之后，整个人就懵了，为啥老师的一个程序文件夹那么多东西，我就一个可怜兮兮的html？？等等，老师说这node.js是什么？ 不是另外一个框架吗？webpack又是啥？...

一连串懵逼之后，终于发现，视频不适合我。开始找其他的途径学习。

首先发现了这个VueJs2.0建议学习路线，给我迷茫中指引了一条光明之路，然而，我发现我还是看不懂，毕竟一个刚学前端十几天的萌新，对于里面一些东西还是觉得很难理解的。但是，依然很感谢这位lavyun大大的文章，在里面推荐了Vuejs的作者尤雨溪尤大写过的一篇关于新手学习vue路径的文章，十分推荐刚接触vue，尤其自学的朋友按照这个路径走。

官方文档过完了之后，开始准备找个视频跟着写个项目熟悉熟悉，找了一个据说非常基础的todolist的教学视频，前面会讲解VueJs的环境搭建，讲得很仔细，但对于从来没接触过这种靠命令行搭建环境的我来说，还是很难，所以短短十分钟的视频，我来来回回看来不下二十遍，哪里不懂，马上查找文档，除了视频，我还找了相应的文章来配合（http://blog.csdn.net/luckylqh/article/details/52863026），NodeJs的下载，淘宝npm镜像的安装，脚手架的安装，如何验证全局脚手架是否安装成功，以及项目创建等等，每一步我几乎都走了不下十遍，最终才将项目创建成功。

项目创建成功之后，就是模版的安装了，同样，视频反复的看，搭配文章（http://www.cnblogs.com/Jlizhen/p/7402185.html），其中自己踩了好几个坑，经常把依赖安装到根文件夹以外导致模版使用失败，有些地方操作不当，导致一步错步步错。

仅此记录自己刚刚开始的Vue的学习之路。