工欲善其事，必先利其器！
前言
蓦然回首，发觉自己已经好久没写博客了，可能是源于博客更新起来费时费力，也确实，从构思到发布需要一大把时间，有些主题也是被大神们写的太多了，也就不重复造轮子了，也或许是自己找到了更好的知识管理系统，总之今天写这个博客也算是对前段时间学习的总结，其中涉及到的工具，插件也便于工作以后查找使用！
知识管理
俗话说：“好记性不如烂笔头”，可见学习过程中记笔记的重要性，然而如何记笔记才能方便以后的查找，说说我的历程，刚开始学习前端知识，是采用传统的记笔记方式，对，没错，记在本子上，代码之类的还是要在开发工具中运行试试效果的，之后随着笔记做的越来越多，你再想查询一个知识点可就难了，因为你很难记清楚哪个知识点在哪一页啊，有翻笔记本的时间在网上恐怕早就搜到了！可见知识管理的重要性，有好的工具才能事半功倍，加快效率！后来发现了云笔记之类的软件，顾名思义，这类工具就是把笔记写在云端，把笔记放在网上自己的空间里，再查找时可以根据标签分类快速查找到！当找到这些工具是，我的内心里是非常欣喜的，犹如发现了新大陆的感觉，不禁又感觉自己以前做笔记的方式是多么low，但是也不是说纸质笔记就不好，各有千秋，纸质笔记与云笔记相辅相成，才能最大化为知识管理做出最大贡献！下面我就来安利一下最近发现的好用的知识管理类工具:
知识收集类
知识管理类
- 为知笔记【更适合国人使用的云笔记
多级目录、多级标签、Markdown、无限存贮空间，不过之所以我最终选择了这一款云笔记，最大原因还是他免费啊，而且markdown支持的比较好，设置多级标签及分类后很容易管理】 - 印象笔记【号称“记住一切
现代生活喧嚣繁杂，印象笔记帮你轻松简化一切，让生活更美好，让工作更省力”，不过确实也有这个实力，但是就是太抠了，一个月就给60M上传流量，那能够吗？而且还没有内置markdown】 - 有道云笔记【可以扫描纸质笔记】
- Simplenote【一款很小众的云笔记，正如其名非常简单，小巧，适合日常记事，正如周倩如大神在《非你莫属》上诠释的那样，什么是一款好的互联网产品，“你要把互联网用户想象成智商非常低，脾气非常差，超级没有耐心，而且超级小气，不肯出一分钱的人”只要把这种人给伺候好了，这样的产品才会容易获得成功吧！】
- 为知笔记【更适合国人使用的云笔记
上述这些软件，pc端移动端都有！由于是保存在云端，何时何地采用不同终端依然可以查看！
前端资讯
- 知乎【大牛出没的地方，相信你也可以在这里看到不一样的世界】
- 掘金【高质量的技术社区】
- SegmentFault【SegmentFault 是一个专注于解决编程问题，提高开发技能的社区。】
- 开发者头条【在开发者头条，你可以阅读头条新闻、分享技术文章、发布开源项目，订阅技术极客/技术团队开通的独家号/团队号和关注编程牛人。】
- stackoverflow【Stack Overflow是一个与程序相关的IT技术问答网站。用户可以在网站免费提交问题，浏览问题，索引相关内容，全都是英文！！！】
PC端
由于使用的是window系统，故推荐的是一些window下的应用
小工具
- 马克飞象【markdown编辑器】
- MIU【markdown编辑器】
- Mark Man【高效的设计稿标注、测量工具】
- ColorCube【Color Cube 是面向设计师的配色取色工具】
- ColorPix【ColorPix是一款帮助你快速在屏幕上取色的工具.并且能根据你取的颜色得到Pixel、RGB、HEX、HSB、CMYK代码.打开软件后，鼠标经过的地方即为ColorPix取色的区域.】
- FastStone Capture【FastStone Screen Capture (FSCapture) 是一款免费的图像浏览、编辑和抓屏工具，支持包括BMP, JPEG, JPEG 2000, GIF, PNG, PCX, TIFF, WMF, ICO 和TGA在内的所有主流图片格式，其独有的光滑和毛刺处理技术让图片更加清晰，提供缩放、旋转、减切、颜色调整功能。只要点点鼠标就能随心抓取屏幕上的任何东西，拖放支持可以直接从系统、浏览器或其他程序中导入图片，收藏夹功能让你能更好的从eNet收集更多精彩图片。】
- LiceCap【LICEcap 是一款屏幕录制工具，支持导出 GIF 动画图片格式，轻量级、使用简单，录制过程中可以随意改变录屏范围】
- shadowsocks【配合免费账号翻墙】
- Lantern【翻墙】
- github客户端【代码管理】
- git shell【git命令行】
- git bash【git命令行】
- Flashfxp【网站管理工具】
- Everything【Everything是一款文件、文件夹名称快速搜索软件。在搜索之前就会把所用的文件和文件夹都列出来，这一点与Windows自带的搜索系统不一样，所以称之Everything。在搜索框输入文字，它就会只显示过滤后的文件和目录】
- Clover【Clover是一款免费实用的增强小软件，它能为你的 Windows Explorer 资源管理器（或者通俗点说是“我的电脑”）增加多标签页的功能，就像谷歌 Chrome 浏览器那样方便好用。在同时查看/操作多个不同路径的文件夹时尤为方便，让窗口更少更整洁，而且它支持快捷键与标签页的拖入拖出，熟悉使用之后绝对能大大提高电脑操作的效率。】
- WPS【WPS可以实现办公软件最常用的文字、表格、演示等多种功能。具有内存占用低、运行速度快、体积小巧、强大插件平台支持】
- 金山打字通【不得不说这款软件拯救了我的打字速度，依靠每天的坚持练习，再也不是当年的’一指禅’】
开发工具
- webstorm【主要使用的开发工具，虽然启动慢点，js自动补全方面还有待提高，其他方面都还挺好的】
- Atom【界面友好，插件丰富，逼格高，但是就是卡啊卡啊卡啊，如果不卡的话，我应该很大可能使用他】
- sublime Text3【一度被捧向神坛的开发工具，但是为什么给我的感觉也是卡，难道是电脑问题】
- Notepad++/EmEditor【一般用于取代电脑自带的记事本的功能】
- photoshop CC【图片处理必备，最近临近实习，不少朋友都请我帮他们修图片，做证件照，还问我怎么会这么多，我笑而不语，只不过心里想了想“你们怎么不想想你们无聊时斗地主，玩游戏，闲聊的时候；我都在干什么，日积月累下，最终还是会产生质的改变，加油！”】
浏览器插件
chrome插件
常用插件
- 一键管理所有扩展【方便管理下载的插件】
onetab【像一个漏斗的样子，由于Chrome每个标签都是一个独立进程，耗费大量内存，让你的电脑不断变慢。OneTab 扩展可为你解决这个问题，安装后，点击一下扩展图标，就会将你打开的标签聚合在一起，相当于只打开一个标签。
当你存在打开多个窗体，甚至很乱的时候，不妨可以试试通过这个插件临时收缩一下你浏览器的窗体。这样做能极大的提高你的谷歌浏览器的性能以及你的浏览效率。】Adblock/广告终结者【去除页面上那些烦人的广告吧！甚至可以去除视频播放前那冗长的60s的广告，是不是很棒！】
- chrono下载管理器【方便管理下载的内容】
- page ruler【方便测量页面上的尺寸】
- Color Zilla【方便测量页面上的颜色】
- Clear Cache【清缓存】
- live reload【修改代码后自动刷新】
- save to pocket【保存到pocket】
- 剪藏到印象笔记【剪藏到印象笔记】
- 为知笔记网页剪辑器【剪辑网页到为知笔记】
- 有道云笔记网页剪报【剪辑网页到有道云笔记】
- UC二维码【方便将网页生成二维码】
- simpleUndoClose【撤销关闭的网页】
- LassPass【密码管理插件】
- 谷歌翻译【方便翻译英文网页】
- open InternetSpeedTracker New Tab【打开特定的新页面，翻墙后可谷歌搜索】
备用插件
- AutoPagerize【自动翻页插件】
- CSSViewer【css样式查看器】
- FontfaceNinja【网页字体查询小帮手】
- IETab【访问某些只支持 IE 登录的网站时可以在Chrome中使用 IE Tab 打开】
- Test IE【测试网页在IE老版本中的效果】
- Imagus【基于浏览器图片增强扩展工具是一款支持Opera、Firefox、Chrome、Safari、Maxthon等主流浏览器的扩展工具，可以帮助你在线处理各种图片，支持对图片进行预览、放大缩小、旋转等操作。】
- Isometric Contributions【它可以将 Chrome 和 Safari 浏览器上 Github 的图表转换成立体的像素风格。】
- Octotree【用来显示 Github 项目的目录结构】
- Perfmap【 PerfMap 是用来分析前端性能，基于资源定时 API 生成网页资源加载的前端性能热图。热图的颜色和第一个毫秒值指示在什么时候页面的图像加载完毕，这是用户体验的一个很好的指标。括号中的第二个值是浏览器加载特定图像的时间。】
- postman【Postman是一款功能强大的网页调试与发送网页HTTP请求的Chrome插件。】
- Proxy Switchsharp【针对谷歌浏览器而开发的一款代理设置插件】
- Tampermonkey Beta【Tampermonkey通过加载第三方的脚本文件，改变页面中的CSS和JS元素，可以让整个网页大变样，也可以在网页中增加额外的功能。】
- FeHelper【包括字符串编解码、代码美化、JSON格式化、二维码生成器、编码规范检测、页面性能检测、栅格检测等】
- window Resizer【窗口大小调节插件】
- 一键切换【搜索内容是可一键切换到百度、谷歌、必应，省去粘贴复制的繁琐过程】
- 思维导图【可视化的绘图软件有着直观,友好的用户界面和丰富的功能,这将帮助您有序地组织您的思维,资源和项目进程】
- 掘金【前端资讯】
- 网页截图注释&批注【网页截图注释&批注】
这些备用插件平时是给关闭的，因为Chrome每个标签都是一个独立进程，这么多插件一起运行的话，会耗费大量内存，让你的电脑不断变慢！
firefox插件
- onetab【标签页管理】
- firebug【调试代码】
- Adblock plus【滤除广告】
- FoxyProxy Standard【代理】
- NetVideoHunter【下载页面上正播放的音频】
- DownThemAll【Downthemall 是Firefox的一个下载管理插件。支持多线程、续传、批量文件下载，同时允许HTTP和FTP协议的免费软件。
Downthemall 支持正则表达式，能够很方便的 批量生成固定格式的下载链接，也能过滤下载不同类型的文件。】
开发环境整理
这么多工具、插件会不会很乱，答案只有一个，你如果不学着去整理，那么肯定是会乱的。
日常生活中我也是一个爱整理的人，每隔一段是时间就会整理自己的书桌，衣柜，整理过后，自己也会觉得心情大好！
如何整理
电脑桌面
电脑桌面整理，不要把什么乱七八糟的图标全部都摆在桌面上，因为看上去太乱了，可以把软件放到开始目录内，我使用的是window10系统，具体操作参考如何优雅地使用 Windows 10 ?
电脑性能
原来想在网上买块固态内存自己换的，转念一想，那样的话，所以软件都要重装，就尝试一系列别的方法去解决电脑的卡慢，比如磁盘清理，增加虚拟内存，去除一些不必要的动画效果…以及更有逼格的关机方式SlideToShutDown,滑下来即可关机
浏览器
浏览器整理，书签要分类，配合云笔记和Pocket使用，不要把网页都设置成书签还不分类，那时间长了，书签将臃肿不堪！
云笔记
云笔记整理，来不及看的页面，想存到Pocket,看完之后，要重要知识点的保存到云笔记，云笔记，分类以及标签要分级，方便以后的查找
移动端
顺便安利一些手机端好用的软件:
