习背景:
以前一直写As3.0,从开始的flash小游戏,到网页播放器,到最近结束的桌面应用,东西越写越多,路却越走越窄T_T
言归正传,转到前端算是小白了,就从html、js、css这些开始学,好在以前有所了解,我就尝试着搭个网站,写个博客啥的练手,写完呈给老大demo都没看完,说是会倾向模块化,去看看vue、egg相关的T_Tcss
带着疑惑,继续研究,耗时一周,终于把一些生涩的专业术语了解个大概了^_^html
1.Node.js
首先学vue以前我装了Node.js(后来我知道也能够不装直接对着实例练习的),这是什么鬼呢,知乎上有egg专栏,说egg是阿里开源企业级Node.js框架,个人理解这是阿里实现的开源框架,Node.js是基于这个框架产出的一个JavaScript运行时环境。
2.webpack
在segmentfault讲堂里看了Vue.js 实战系列的教程,里面有webpack的专门介绍,个人理解它是前端工程化的工具,同类工具还有不少其它的好比grunt.
3.npm
看网上一些朋友学习实例,大多须要npm同步代码,遂特别了解一番,我开始是在git里面用,后面本身写练习的时候发现也能够在终端里用,个人理解它是Node.js包管理工具,在Node.js安装时候一块儿安装了。
4.MVVM
以前对MVc有必定了解,看到这个MVVM就感受是差很少的,能够把MVC、MVVM以及MVP的综合介绍都看一下,方便区分巩固。这个拎出来讲是由于Vue参考了这个模式,官方教程是这么说的。前端
个人理解它是一个ViewModel到Model双向绑定的模式管理。vue
还有v-if、v-for、v-bind等命令不错的介绍:
https://www.cnblogs.com/kelly...webpack
【vue】
我开始就被上面这些专业术语整懵了,根本不知道从何入手,我是看了一些网友实例仍然云里雾里以后又回到官方教程的,发现官方的教程就很好啊,一步步走下了,边看边练,到后面也差很少了解了。
https://cn.vuejs.org/v2/guide/ 从这里开始,直接在html引入vue,而后跟着教程练就好了。git
我把练习的代码放到github上了,有的稍做改动,基本是同样的,WebStorm建的工程,拉下来直接就能跑的,而后直接看index.html就好了,开始的几篇实例都在里面。我以为入门级的就应该这样的啊,哈哈哈github
github:
https://github.com/RosiWang/V...web
直接clone 就能够了npm