前端学习便捷软件，插件

前端学习中，要用到各种各样的软件和插件、好的软件和插件能够提高我们的开发速度。在此分享几个我用过的软件和插件，觉得很方便。

​ 当然，有些软件或插件只是对初学者学习有用，在实际开发中，有UI给psd设计图，在各种协作平台（比如蓝湖）中各种属性及其属性值一目了然。

​ 话有点多了，看第一软件：PxCook。这是一个测量工具，几M的软件，比ps方便多了。看效果就知道了。

PxCook，测量工具

第一种效果（设计模式）

​ 针对图片的时候，当您拿到一张图片想要做静态页面时，就要做很多的测量，取颜色。看图，是不是比用ps或者fw方便多了，当然也可能还存在更好的软件。

第二种效果（开发者模式）

​ 这就需要文件格式是psd文件了，都是内行人，直接看图就知道能做什么了。

Css satyr 精灵图制作软件

下载安装后，直接拖图片进来，点击生成

会生成两个文件，一个图片，一个是代码。

看代码，各图片的位置和调用方式都给出来了，爽不爽你说了算。

图片下载插件 Image Downloader

谷歌的图片下载插件，在谷歌商店下载，谷歌商店是需要fq(要绿色上网哦），添加到扩展程序后，直接在想要下载图片的网站点击一下就一目了然了。看图

爽吧，点一下红色框的地方，页面显示的图片都能下载，可以全选，可以单选；需要注意的是，蓝色框的为文件夹名字是我自己写的，不写的后果是下载的图片都在浏览器的下载路径，有个文件夹装着就方便操作了。

自动更新插件 livereload

在每次编写完代码时打开浏览器每次都是刷新看效果时是不是很烦，装 这个插件你就没有这个烦恼了。

步骤有点长，直接看这个博主Evil__的，写得很详细。我就不想再写了，主要注意的是，每次运行新的文件，都是需要点一下谷歌的插件，和在vsCode中按一下Ctrl shift p ，弹出的输入框输入livereload，点击一下enable 关联一下当前文件就可以自动刷新 了，会有点点小麻烦，但是对于长时间同一个文件的饿开发还是建议可以用一下的。

推荐两个日常使用的插件

屏蔽广告插件：adblock 装了这个插件，告别一刀99999贪玩蓝月，麻麻再也不用担心我浏览的网页有小广告了。

插件2：crxMouse 鼠标手势软件。