最先时候：3.26日
打仗Vue，先在官网十目一行学完了基础特征：http://cn.vuejs.org/v2/guide/，作为一个JAVA WEB的伪全栈，用Myclipse感受了一把双向绑定，觉得比JQUERY的JSRENDER要刁悍不少，但这开辟环境吧，不能写个.vue，就总觉得本身不能零距离打仗VUE。网上种种百度，逛知乎，早先我是抵牾的，昔时笔记本装了一个VS STUDIO，C盘霎时变红的陈年旧事还念念不忘，但为了学的专业一点，照样装了一个VS CODE，什么vetur，auto close tag插件一装，几乎炫酷，关于装置了vs code,你还需添点啥，引荐这一篇：http://www.cnblogs.com/zzsdre…。
背面打仗一周了，觉得VUE最吸收本身的是根据须要定义模块化HTML，即Vue.component，就像JSRENDER一样，但VUE组件化更解耦，也越发随便。HTML页面援用VUE.JS这类体式格局觉得显得不是那末现代化，所以又最先捣腾，打仗NODE.JS,WEBPACK。所以，事又来了，装置NodeJs,最先打仗纯前端的开辟。
1、WINDOWS下装置设置NODEJS引荐：http://blog.csdn.net/xxmeng20…。
重点：
A：体系环境里增加装置目次node_modules文件夹地点
B:增加设置prefix和cache文件node_global和node_cache
假如运转碰到：node -v：socket: (10106) 没法加载或初始化要求的效劳供应顺序；请运转
netsh winsock reset 重启cmd或许电脑
2、WINDOWS下构建vue+WEBPACK的开辟环境
引荐检察：http://www.cnblogs.com/jiajia…，前端小妹的博客，讲的都迥殊着实
重点：A、不要老是npm，在天朝，想干活，照样多用cnpm,不然就是等。。。。。
B、随着小妹大侠新建第一个VUE项目时，让你挑选是不是设置ESLINT搜检支撑时，万万不要选YES，不然你背面进修VUE，保准用不了一个小时，你就印了那句话“从入门到摒弃”，主要的事变说三遍，别选YES，别选YES，别选YES，随着小妹学，是没有错的。
C：小妹谁提到了WEBPACK，然则也就提提，题目扣五分；
3、最先开辟吧，别墨迹。开辟除了本身的第一个基于VUE的前端单页面运用（基础完成，还需革新）：https://github.com/closertb/m…
这里讲一个学以致用的知识点：
列表选中款式的切换:
JQUERY中我们一般采纳:
         $(“li[class=’active’]”).removeClass(“active”); //将当前选中的项目消除被选中的款式
         $(selector).addClass(‘active’);//为选中的条目增加被选中的款式；
VUE中没有挑选器，但关于CSS属性支撑状况关联操纵（Class 与 Style 绑定）：
eg：v-bind:class=”{ active: isActive }”
解读：当isActive为真时，active款式有用，Dom衬着结果是：class=“active”

  当为false时，active款式无效，Dom衬着结果是：class=“”

因而我们能够应用这个属性做文章
标签HTML：<li v-for:”tagName of tagNames” v-bind:class={active:activeName==tagName} v-on:click=”selected(tagName)”>
这条语句我们生成了一个列表，并为其绑定了一个选中事宜，为class动态绑定了一个推断事宜
一样我们在挑选这个事宜中：
function selected(seclctedName){
this.activeName= seclctedName;
}
数据属性：
    data(){
        return{
            tagNames:[
                {name:’hello’,tabLink:’/Hello’},
                {name:’Login’,tabLink:’/Login’},
                {name:’Nav’,tabLink:’/Nav’}
            ],
            activeName:’hello’ //当activeName初始值为空时，浏览器加载时默许没有挑选的列表项，当为hello时，hello列表默许被选中
        }
    },
4、觉得差不多了吧，表面的天下另有一项妙技，你须要控制，运用GITHUB治理你本身的代码
用啥软件：git
运用方法：http://www.jianshu.com/p/7fa6…，一步一步，讲的真的不能更好。
5、下一步，写LOGIN