前端学习便捷软件，插件
前端学习中，要用到各种各样的软件和插件、好的软件和插件能够提高我们的开发速度。在此分享几个我用过的软件和插件，觉得很方便。
当然，有些软件或插件只是对初学者学习有用，在实际开发中，有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 鼠标手势软件。
前端学习便捷软件，插件相关推荐
- h5优秀控件_H5前端学习的js插件大全，基本包含了大部分的前端最前沿的js插件和库。...
布局 SuperEmbed.js - 是一个Javascript库,可检测出网页上的内嵌视频并使他们能够变成响应式元素.demo ScrollReveal - ScrollReveal插件使用户能够无 ...
- hbuilder前端需要的插件_最新web前端学习路线
随着互联网的深入发展,前端开发工程师已成为市场上极具竞争力的人才.许多学生,包括以前的UI,java,或完全零基础,想学习的前端.下面的思维导图是在互联网上广泛传播的前端学习地图.许多初学者说,当他们 ...
- Web前端学习6个有效果软件，你值得拥有!
想要让程序猿可以快速有效的工作,辅助工具是非常有必要的,不管是刚学习web前端技术的同学还是已经进入工作的学员,都需要学习和掌握一些Web前端开发工具和软件,Web前端学习6个有效果软件,你值得拥有! ...
- Web前端学习仿拼多多软件——模拟练习
Web前端学习仿拼多多软件模拟练习,作者声明:该项目只是学习模拟软件前端的界面,不允许用于商业行为,否则后果自负! 代码界面截图(因为只是学习分享,所以已经多处避免雷同): 下载资源后运行的时候要记得 ...
- 程序猿开发软件插件推荐
程序猿开发软件插件推荐 编程软件 JetBrains全家桶 JetBarins的全家桶操作都很类似,所以习惯其中一个之后熟悉起来so easy,妈妈再也不用单心的学习了! 之后是我比较常用的:PyCh ...
- 写html前端代码的软件_html用什么软件编写
HTML代码可以用Brackets.WebStorm.vscode.Sublime Text.HBuilder .EditPlus等开发工具来编写. web前端学习:打造全网web前端全栈资料库(总目 ...
- 你们的2016年前端学习计划是什么？
2015年,软件开发界发生了很多变化.有很多流行的新语言发布了,也有很多重要的框架和工具发布了新版本.下面有一个我们觉得最重要的简短清单,同时也有我们觉得值得你在2016年花时间精力去学习的新事物的一 ...
- web后端语言_web前端学习路线图_快速入门web前端学习路线图
如何学好Web前端开发技术?前端学习路线是什么?如今,移动开发的发展依旧如火如荼,企业对于Web前端人才需求产生了巨大的缺口,从事Web前端开发的程序员们则是其中较大的获益者.Web前端的广泛运用,造 ...
- web前端学习路线图
前端的的技术一直在变化,更新和变革,现在基本是三驾马车(vue,angualr,react)主导整个前端框架,但是无论对于新人或者有经验的程序员,这些知识在必须掌握 上图罗列了整个前端的一些技术架构, ...
最新文章
- opencv java 灰度_如何使用Java将图像转换为灰度？
- 安卓无需root权限小黄鸟抓包教程
- UVALive 4035 - Undetectable Tour（并查集）
- 【Qt】QModbusReply类
- 网页制作代码模板_科普：关于网页设计的4个基础小知识
- 无法解析的外部符号 _WinMain@16，该符号在函数 ___tmainCRTStartup 中被引用
- i标签content属性输入空白
- Ansible Synchronize
- strong和weak 细节
- 如何从零开始制作智能桌宠？
- 心情随笔（四）:重新审视自我
- php 页面异步刷新,php+jQuery+Ajax简单实现页面异步刷新
- mysql如果索引为uid间隙锁_MySQL-浅析间隙锁
- excel函数交叉定位查找内容+根据内容查找行列号（反向查找）
- 计算机制图大赛,制图大赛简介
- win10点击关机后不能正常关机的处理
- OpenCV开发笔记（四十六）：红胖子8分钟带你深入了解仿射变化（图文并茂+浅显易懂+程序源码）
- c语言时钟加秒表报告,51单片机秒表计时器课程设计报告(含C语言程序)-20210419061005.docx-原创力文档...
- 如何实现按键的短按、长按检测？
- Rest——分布式超媒体系统的架构风格