分享一波前端开发常用的小工具，网站与vscode插件等，当然也有一部分与开发无关，但是个人感觉不错，持续更新，也是为了方便以后换了电脑还能记得找回这些东西。
一、vscode插件
这部分根据个人开发框架不同，我只列举几个个人通用常用的插件。
1.Bracket Pair Colorizer
一个使用不同颜色标记括号的插件，代码多，括号多，这个函数到哪里结束，那个作用域的范围从哪到哪，有了这个插件，全部清晰明了，支持自定义颜色。
2.Beautify
一键格式化代码，支持自定义配置，美化代码非常实用，如何配置网上教程较多，这里就不列举。
3.Chinese (Simplified) Language Pack for Visual Studio Code
中文简体语言包，这个没什么好说的，安装后在 locale.json 中添加 "locale": "zh-cn"，即可。
4.open in browser
在vscode界面直接打开html文件进行预览，对于编写小型demo进行测试时非常方便。
5.CSS Peek
一款能通过ctrl+点击html中class或id名快速访问当前元素样式的插件，以前使用Brackets编辑器比较喜欢的一个功能，方便在茫茫样式中快速定位你需要修改的元素。
6.One Monokai Theme
个人向推荐的编辑器主题，比较喜欢Sublime Text的配色，这款主题配色比较小清晰，看着挺养眼。
二.小工具类推荐
1.wox+everything-
一款能帮你快速启动，查询电脑任意软件，文件，资料的超实用小工具，貌似MAC电脑自带，没用过苹果不了解，windows系统强烈推荐安装。
支持中文，拼音，英文快速搜索，支持百度查询，功能强大，使用说明与下载地址
如果觉得下载麻烦，国产火萤酱也具备同样的功能，选择哪款因人而异，这点看自己判断。火萤酱下载地址
2.codelf--命名神器
还在为命名到词穷而苦恼吗，codeif解决你的命名问题，筛选统计出GitHub命名出现频率，给你更好的命名体验，非软件，点我体验codeif
3.can i use
想知道某个属性，API方法兼容性怎么样，can i use能给你比较权威的浏览器兼容情况预览图，对部分项目有特殊浏览器版本兼容时，这个网站能帮你了解某些方式是否可用。点我跳转can i use
4.regexper
regexper图解正则表达式匹配规则的神器，有没有被又长又恶心的正则表达式弄的晕头转向，这个网站能帮你更清晰的展示任意表达式匹配的规则，学习正则的时候也非常使用。点我访问regexper
5.screentogif
一款能帮助你录屏，带编辑，记录屏幕点击等等功能的GIF制作神器，支持帧数编辑，功能强大，录制的GIF画质贼高，像我的博客插的动图全是靠这个软件录制的。点我去官网
三、日常阅读
1.D2 日报
不错的开发者日报，日更型，包括当下热门的GitHub项目分享，好玩的软件推荐，还有相关行业文章，早上上班前看看，还是不错的。点我阅读D2 日报
2.JavaScript开发者应懂的33个概念
这个算是给自己立的一个后期阅读小目标吧，一些面试中经常问到的问题，也确实是前端开发者必须了解的东西，后面我会完整读一遍，为明年找工作做准备。点我跳转阅读
四、生活其它
两个不错的壁纸，头像网站，我博客中很多好看的图，都是这里面找的，喜欢换头像的，这也是个不错的推荐。
PS：文章中如果网站打不开，那就得考虑科学上网了，方法自寻。
本文将持久更新，也欢迎看到本文的有缘人分享自己喜欢的小工具，网站等等，只要是好玩的，十分欢迎。