今天，临近项目组的阿栋在使用chrome vue tools调试程序的时候，发现点击一下控制台就报错。
调试、删减代码，还是由问题。
重启浏览器、npm编译、机器，还是不行。
灵机一动，禁用了所有的chrome扩展程序，好使了……
突然想起了之前产品经理老彭因为chrome安装了某购物插件，导致我们系统不能上传程序；运维某女由于安装了某json插件，导致项目不能正常运转。
chrome扩展程序虽然十分有用，但是使用不当，尤其是安装了不靠谱的扩展，还真是会影响浏览器的正常使用。
chrome提高了对扩展使用的限制，还真是件好事情。
大前端JS书写规范——airbnb规范
之前是使用jshint做的代码检测，只是在sublime中加上了提示，后来开始做vue的时候，尝试了一下eslint，觉得限制太多，无法写代码了。
最近由看小组其余成员写的代码，有的惨不忍睹，有的千奇百怪……认识到，还是使用eslint的好。
今天使用vue-cli新建vue项目的时候，选择使用eslint的时候，发现多了一个步骤，就是可以选择代码风格的标准。
第一种是标准的，第二种是Airbnb的，第三种是完全自己添加的。
Airbnb的之前没用过，于是搜索之，别说，规范还真挺全，中文版也有。
前端工程化——2011年——now（2017年）
现在前端，讲究的是工程化、自动化、模块化、组件化……
说白了，就是以前那些需要人力去干的粗活，现在，都使用工具去干就行了，你，只需要安静的写业务代码。
总体来说，前端是从之前的html、css、js到现在集成的工程化阶段，如下是我的工程化历程。
2015年之前
野蛮化
刚开始工作的时候，JS写完了引入到界面中就行，工程化是what？
ant
ant是一个做Java的集成工具，包含很多功能，由同事介绍，我拿它来做了我们JS的合并压缩工作，算是早期的工程化
ant需要使用xml来配置使用，合并压缩的时候，也是这样，将需要合并的代码地址，依次写到xml中，运行一下命令，搞定。
后来把ant配置到了webstorm之中，觉得好使的不行。
前端工具集合——脑图版
做了这么多年前端，项目无数、代码无数，工具无数，得到如下俩结论
- 1、工欲善其事，必先利其器
- 2、工具就是工具，不能过分研究，不能做前端工具师
现将个人使用的前端工具推荐给大家。（也可以参考Mac前端环境搭建与常用软件）
前端常用chrome扩展程序
chrome作为前端开发调试必备工具，拥有强大的功能，在我看来，全世界就chrome一个浏览器的话，前端开发该有多好。
chrome有很多实用的扩展程序，提高我们的工作效率。
由于新版chrome升级了监控，在网上下载的扩展程序，可能会过期，所以，还是推荐翻墙之后，直接去chrome的应用商店下载免费的。
纪念多说
早上看博客，发现多说要停止更新的提示。
果然不做了，哎，多好的一个产品啊，连尤大都在惋惜，可能就是因为不来钱的原因吧。
但愿有大厂接盘，但愿大家都积极贡献社区。
记vue的一次升级：检查标签闭合
前段时间开发了vue的组件库——liveUI，供团队内部使用，自己写了N个组件，剩余的打算让项目组老郑、阿旭来完善，大家一起写代码。
阿旭最近有时间了，git上拉了代码， 一跑，报错了，提示标签未闭合。
怪了，一个月前我开发的时候，好好的，估计是因为vue升级的原因。
问了一下老郑，他前两天也拉过这个组件库的代码，完善过组件。果然，
前端常用npm全局包
就现在做前端工作而言，不会node、不会鼓捣npm的话，已经严重落伍了，落伍到不行了。
npm有一些非常有用的全局包，在生成项目框架、运行本地开发环境时，会大大提高我们的生成力。
首先，在终端输入npm list -g --depth 0命令，查看本机已经安装的全局包。