1.矢量图标库—Iconfont
（地址：http://www.iconfont.cn/ho/index?spm=a313x.7781069.1998910419.2）
这是在寻找Vue2.0的错误问题时，偶然间看到了这位仁兄的文章：https://segmentfault.com/a/1190000007910099，非常棒的收获，里面有很多各种各样的图标，绝对够惊艳，我们也可以使用DIY自己的风格图标。
（1）按照文章中的方法，安装并注册vue-svg-icon，过程中有报错“!xml-loader!../../src/svg: event not found，在src文件夹下新建一个svg文件夹用于存放svg图标，再重新安装模块：npm i xml-loader就ok了。
（2）在vue文件中使用时，直接可以通过 使用图标。然后在route.js如果要自定义自己的路由图标也是可以的哟，毕竟路由配置后还是要在.vue文件中使用控制跳转，仍旧是通过开始的方式使用，只是将name利用v-bind绑定为路由图标属性名，详细见另一篇文章入坑集锦（二）中的详细描述。
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
另外，上面的是通过直接保存单个的图标到本地资源文件夹，然后以图片形式引用。但是其实现在iconfont用的比较多的是其他三种形式，symbol、Unicode和Font-class三种方式，后面两种本质上都是使用的字体因此都是单色图标。而Symbol是一种全新的使用方式，不过缺点就是兼容性较差，仅仅IE9+及现代浏览器支持，浏览器渲染成本较高。查询其大小都可以通过font-size及transform调整，不过亲测只有font-size有效。
具体的使用方法，下载项目的压缩包里都有三种方式的详细介绍：
2.关于webpack理解
一直在使用webpack打包工具，然而对具体的知识却不了解，也很混乱，看到里面的各种配置文件更是一脸懵逼，直到看到zhangwang博主在简书上的文章——“入门Webpack，看这篇就够了”，附上地址http://www.jianshu.com/p/42e11515c10f 。总算是能让我对webpack有个初步大体的理解了，配置流程非常清晰，很棒的文章，虽然还是有些许地方不明白，但是随着后面的学习和接触，回过头来一定可以get到。^_^
3.Easy Mock可视化生成模拟数据
这个可以快速生成模拟数据，并且可在线获取数据。是一个纯前端的可视化的工具。接触到这个完全是因为学习vue技术qq群主的项目里用到了，最开始一直找不到Mock数据在哪里，结果研究许久之后。咦，发现居然是引用的在线生成的数据，原谅孤陋寡闻的我没有见识哈哈。但是后来又发现，怎么能让他自动模拟生成多条数据呢？研究了文档很多次，始终没有发现讲到这个的方法，自己试验直接加数组[]还是没有用，最后准备放弃了，在向群主大大求助的过程中，他说可以实现那种功能的，于是好！再试试，事实证明很多时候你在准备放弃的时候，离成功就只差那么一点点了。突然想起Easy Mock是引用了Mock.js的，于是参照其方法发现一下子成功了！下面将试验代码记录，以免日后遗忘。
{
"base|10": [{
"range": "@range(3, 7)",
"string": "@string(7, 20)",
"character": "@character('abcde')",
"float": "@float(60, 100)",
"integer": "@integer(60, 100)",
"natural": "@natural(60, 100)",
"boolean": "@boolean"
}]
}完成后发现，自己脑袋短路吧，和Mock.mock( template )不是一样的么，也是利用mock里的规则原理，只是操作更加方便，真是醉醉的！
////另：模拟数据的推荐工具还有：postman、swagger
其他未解决问题：
（1）Mock.js中的占位符@作用？虽然说是为了让数据更真实，但我却没有感受到差别在哪里？
（2）当想要在数组中任意挑选一个值作为属性时，却一直失败，查看mock.js文档实例
按照此规则书写没有成功，百思不得其解。
{
"base|10": [{
……
"status|+1": "@array['normal','less']",
……
}]
}输出为: “status”:@[‘normal’,’less’]
4.Github托管平台
使用 git 分布式版本控制系统，是一个面向开源及私有软件项目的托管平台。借用别人的话，简而言之就是管理我们项目代码的一个工具，不过由于平台的开放性，让我们可以获取到许多优秀的开源项目，进行学习。
这应该是每一个程序猿的标配，然而我刚刚进入注册了一个账号，搜索了学习教程了解，getting这项必备技能。在这之前特地去学习了Git相关知识，廖雪峰的官方网站这篇Git教程非常适合入门级，看完之后再看github使用教程便是水到渠成就理解了。^_^好好学习，天天向上！
5.Vue调试神器vue-devtools
参照Vue调试神器vue-devtools安装这篇文章，由于本菇凉有Github桌面，于是直接将该项目clone过来。第一次进行到60%左右时莫名报错，再次尝试，按需填写，clone成功。
接着，按文章中的步骤进入该项目->安装项目所需npm包->编译项目文件->添加至chrome浏览器。
//按照上面的步骤一切就绪，迫不及待地重启chrome，打开一个页面发现调试环境下并没有出现预期的效果，然后vue那个标志也是灰的。
猜想是否是由于没有打开vue页面，于是赶紧打开了一个项目，果真如此。至于其他的选择，看到网上有些其他的修改我就直接略过了，只要vue项目开发中可用即可。
